есть два js файла. В одном из файлов объявляется переменная. И я хочу использовать эту переменную во втором js файле, с тем значением которое присвоил этой переменной в первом файле. Как это правильно сделать?
-
Можно в корневом html файле подключить эти 2 скрипта, скрипт с переменной должен подключаться первее– Владислав27 фев 2020 в 5:53
-
иногда чтобы не протаскивать что-то через райские кущи, можно воспользоваться системой событий или общей точкой синхронизации, но это вкусовщина– Stranger in the Q27 фев 2020 в 6:36
2 ответа
В случае, если нужно read-only значение:
export let example1 = ...
Во втором файле пишете:
import {example1} from "./1stJSfile.js";
Если нужна возможность менять значение:
Тогда обращаемся к методу работы любого фреймворка - переводим ВСЕ в объекты.
export let example1 = {
data: "11",
change: function(prop) {
this.data = prop;
},
};
Во второй файл импортим объект и оперируем его методами:
import {example1} from "./1st.js";
example1.change("22");
document.getElementById("app").innerHTML =
`<div>
${example1.data}
</div>`;
-
а при инициализации переменной таким методом, можно её использовать в файле в котором её обновляешь?– Aleks27 фев 2020 в 6:06
-
@Aleks по 1 способу можно переназначать только в том файле, где переменная инициирована. В других файлах значение "только для чтения". 2 способом можно переназначать значение в любом файле– letUser27 фев 2020 в 6:25
По этой статье https://learn.javascript.ru/import-export можно импортировать и сразу экспортировать так:
// 📁 auth/index.js
// импортировать login/logout и тут же экспортировать
import {login, logout} from './helpers.js';
export {login, logout};
// импортировать экспорт по умолчанию как User и тут же экспортировать
import User from './user.js';
export {User};
...