Как правильно использовать одну переменную в двух js файлах?

Question

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

Answer 1

В случае, если нужно 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>`;

Answer 2

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

БЛОГ НА HUSL

Как правильно использовать одну переменную в двух js файлах?

Ответы (2 шт):