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

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

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 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 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. 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? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@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