JavaScript не всегда видит глобальную переменную, заданную в отдельном файле

@dav60 · Регистрация: 08.03.2019

Студворк — интернет-сервис помощи студентам

Вопрос и пример чисто теоретический:

Глобальные переменные хотел разместить в отдельном файле:
• во-первых, это наглядно;
• во-вторых, что пожалуй важнее, какие-то константы, напр., названия регионов или иные, могут редактироваться и использоваться в разных частях кода. И их дублирование соответственно усложняет процесс редактирования.

Но столкнулся с тем, что при использования сервера функции не видят данные константы, точнее, то не видят, то после обновления страницы видят. Предполагаю, что это связано с асинхронностью загрузки.

Не подскажите, есть ли вариант для решения данной проблемы ?

HTML5
1
2
3
4
5
6
7
8
<span id="sp1" >   </span>
 
 <script type="text/javascript" src="gP.js"></script>
 <script type="text/javascript" src="01.js"></script>
 
<script>
    q_namReg (i_reg);
 </script>

gP.js

JavaScript
1
2
const nam_reg = new Array("Москва и область", "С-Петербург и область");
var i_reg = 0;

01.js

JavaScript
1
 sp1.innerHTML = nam_reg [i_reg];

@andrey_f · 23.08.2024, 11:12

JavaScript выполняет код в порядке, в котором он указан, и если скрипт 01.js выполняется до того, как скрипт gP.js загружен и выполнен, переменные из gP.js не будут доступны в 01.js.

@dav60 · 23.08.2024, 11:48 **[ТС]**

Извините, andreyfreelans, но не уверен, что понял данную фразу.

изначально думал, что 01.js начнет выполняться только после загрузки gP.js. Но потом прочитал, что следующий .js не ожидает окончания загрузки предыдущего и начинает параллельно загружать (асинхронно).

Если это так, то можно ли и стоит ли задать синхронную загрузку для некоторых типов .js файлов, т.е. сами функции уже загружать только после загрузки файлов с данными?

@rr33rr · 23.08.2024, 12:14

Сообщение от dav60

JavaScript не всегда видит глобальную переменную, заданную в отдельном файле

Попробуйте использовать ‹script defer› для ваших скриптов.
См доку Скрипты: async, defer:

HTML5
1
2
<script defer src="long.js"></script>
<script defer src="small.js"></script>
Браузеры сканируют страницу на предмет скриптов и загружают их параллельно в целях увеличения производительности. Поэтому и в примере выше оба скрипта скачиваются параллельно. small.js скорее всего загрузится первым.

…Но defer не только говорит браузеру «не блокировать рендеринг», он также обеспечивает правильную последовательность выполнения скриптов. Даже если small.js загрузится первым, он будет ждать выполнения long.js.

Это важно в тех случаях, когда нам сначала нужно загрузить JavaScript-библиотеку, а затем скрипт, который от неё зависит.

@dav60 · 23.08.2024, 15:43 **[ТС]**

Пытался найти высказанную кем-то мысль, что defer может тормозить загрузку кода, но пока не удалось найти источник.

rr33rr, спасибо за совет, но не смог понять как устроен defer : загрузка long.js зависит от small.js и наоборот ? Т.е. defer надо задавать для обоих файлов в цепочке, а не для одного, который влияет на работу другого ?
И, если так, то в моем случае, т.к. gP.js содержит глобал. переменные для разных файлов (и таких файлов может быть неопределенное количество) - для всех этих файлов надо добавить defer ?

@rr33rr · 23.08.2024, 16:06

Сообщение от dav60

не смог понять как устроен defer : загрузка long.js зависит от small.js и наоборот ?

Вы доку прочитайте. Там "как устроен defer" подробно расписано.

Кусок документации, относящийся к вашему случаю, процитирован в предыдущем посте.

Короче, никто ни от кого не зависит. Просто defer заставит скрипты выполняться в порядке их следования в коде. Т.е. если <script defer src="long.js"></script> идет раньше в коде, чем <script defer src="small.js"></script>, то он раньше и выполнится. Вне зависимости от того, когда что загрузится.

Сообщение от dav60

в моем случае, т.к. gP.js содержит глобал. переменные для разных файлов (и таких файлов может быть неопределенное количество) - для всех этих файлов надо добавить defer ?

Можно добавить всем. Просто расположить их в нужном порядке. Чтобы файлы с переменными, которые используются в других скриптах, шли в коде раньше.

@mr_dramm · 23.08.2024, 16:47

dav60, напомню что в вашей теме Добавление кода js в js давались разные советы по загрузке данных с помощью fetch и модулей es6, это избавило бы от необходимости загружать множество скриптов и отслеживать глобальные переменные.

последовательная работа скриптов именно в таком виде без добавления async гарантируется стандартом html

JavaScript
1
2
<script type="text/javascript" src="gP.js"></script>
 <script type="text/javascript" src="01.js"></script>

т.е. 01.js не выполнится раньше gP.js

defer бесполезно использовать, если скрипты уже расположенны внизу страницы(body), так как defer просто откладывает обработку скрипта на более поздний этап не блокируя парсинг страницы, и гарантирует последовательность загрузки

Также если в gP.js используется асинхронный код, который инициализирует переменные, в этом случае последовательность выполнения может быть нарушена, код инициализации переменных может сработать после загрзуки скрипта 01

Сообщение от andreyfreelans

переменные из gP.js не будут доступны в 01.js

глобавльные переменные будут доступны

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@andrey_f 883 / 536 / 228 Регистрация: 21.02.2011 Сообщений: 5,706
	23.08.2024, 11:12
	JavaScript выполняет код в порядке, в котором он указан, и если скрипт 01.js выполняется до того, как скрипт gP.js загружен и выполнен, переменные из gP.js не будут доступны в 01.js. 0

@dav60 1 / 1 / 0 Регистрация: 08.03.2019 Сообщений: 141
	23.08.2024, 11:48 [ТС]
	Извините, andreyfreelans, но не уверен, что понял данную фразу. изначально думал, что 01.js начнет выполняться только после загрузки gP.js. Но потом прочитал, что следующий .js не ожидает окончания загрузки предыдущего и начинает параллельно загружать (асинхронно). Если это так, то можно ли и стоит ли задать синхронную загрузку для некоторых типов .js файлов, т.е. сами функции уже загружать только после загрузки файлов с данными? 0

@dav60 1 / 1 / 0 Регистрация: 08.03.2019 Сообщений: 141
	23.08.2024, 15:43 [ТС]
	Пытался найти высказанную кем-то мысль, что defer может тормозить загрузку кода, но пока не удалось найти источник. rr33rr, спасибо за совет, но не смог понять как устроен defer : загрузка long.js зависит от small.js и наоборот ? Т.е. defer надо задавать для обоих файлов в цепочке, а не для одного, который влияет на работу другого ? И, если так, то в моем случае, т.к. gP.js содержит глобал. переменные для разных файлов (и таких файлов может быть неопределенное количество) - для всех этих файлов надо добавить defer ? 0