JavaScript export — експорт із модуля

Оператор export відкриває змінні, функції та класи модуля назовні — щоб їх можна було імпортувати деінде.

правити

Загальний опис

Усе, що не експортоване, лишається приватним усередині модуля. Це і є інкапсуляція: назовні видно тільки те, що ти сам вирішив показати.

Іменований експорт (export const x) дозволяє віддати скільки завгодно значень, і імпортувати їх треба точно за іменем. Типовий (export default) — одне значення на модуль, і назвати його при імпорті можна як завгодно.

правити

Порада

Іменований експорт кращий у більшості випадків: він змушує тримати одне ім'я в усьому проєкті, і редактор уміє його автодоповнювати.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

export const name = value;
export default expression;
export { name1, name2 };

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	61	60	10.1	48	16	—

Підтримка: мобільні переглядачі

Переглядач
	61	61	60	10.3

Підтримка: серверні переглядачі

Переглядач
	13.2.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

// math.js
export const PI = 3.14159;

export function add(a, b) {
    return a + b;
}

// приватна — назовні не видно
function internal() {}

// одне головне значення модуля
export default class Calculator {
    sum(...nums) {
        return nums.reduce(add, 0);
    }
}