Почему глобальная переменная, определенная в одном файле JS, не определен в другом? ⇐ Html

[Anonymous]

Я относительно новичок в JavaScript, поэтому извиняюсь заранее. Я модулязирую эксперимент JSPSYCH, перемещая большие объекты в отдельные файлы. Когда я перемещаю свой объект all_breaks в break_schemas.js и попытаюсь получить к нему доступ от main.js , я получаю:
ReferenceError: all_breaks is not defined
Несмотря на то, что break_schemas.js идет до main.js в HTML, ошибка все еще появляется. Все сценарии простые теги, без асинхронного или отложенного. Как я могу гарантировать, что глобальные переменные, такие как All_breaks, доступны по файлам? Я думаю, что я перегонял его в очень простую версию ниже для репликации. Я просмотрел несколько подобных примеров [12], но в конечном итоге не мог заставить ничего из них работать для меня. < /P>
структура файлов < /h2>
/js
├── break_schemas.js
└── main.js
index.html
< /code>
index.html




Break ID Test







js/break_schemas.js
// This defines a simple mapping of break IDs to arrays
const all_breaks = {
'TEST-001': [50, 122, 204],
'TEST-002': [38, 120, 228]
};

js/main.js
const break_id = 'TEST-001';

// This line throws: ReferenceError: all_breaks is not defined
const breaks = all_breaks[break_id] || [];

console.log("Breaks:", breaks);


Подробнее здесь: https://stackoverflow.com/questions/796 ... in-another