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

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

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@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