2

есть два js файла. В одном из файлов объявляется переменная. И я хочу использовать эту переменную во втором js файле, с тем значением которое присвоил этой переменной в первом файле. Как это правильно сделать?

2
  • Можно в корневом html файле подключить эти 2 скрипта, скрипт с переменной должен подключаться первее 27 фев 2020 в 5:53
  • иногда чтобы не протаскивать что-то через райские кущи, можно воспользоваться системой событий или общей точкой синхронизации, но это вкусовщина 27 фев 2020 в 6:36

2 ответа 2

5

В случае, если нужно 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>`;
2
  • а при инициализации переменной таким методом, можно её использовать в файле в котором её обновляешь?
    – Aleks
    27 фев 2020 в 6:06
  • @Aleks по 1 способу можно переназначать только в том файле, где переменная инициирована. В других файлах значение "только для чтения". 2 способом можно переназначать значение в любом файле
    – letUser
    27 фев 2020 в 6:25
0

По этой статье 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};
...

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.