Из модуля ES можно экспортировать только
одно значение. Это делается при помощи команды
export default. При экспорте с помощью
этой команды в переменную при импорте модуля
попадет именно импортированное значение.
Давайте посмотрим на примерах.
Экспорт функции
Экспортируем одну функцию:
export default function() {
};
Выполним импорт:
import test from './test.js';
let res = test(); // вызываем функцию
Экспорт строк
Экспортируем строку:
export default 'test';
Выполним импорт:
import str from './test.js';
console.log(str);
Экспорт массивов
Экспортируем массив:
export default [1, 2, 3, 4];
Выполним импорт:
import arr from './test.js';
console.log(arr);
Экспорт объектов
Экспортируем объект:
export default {
a: 1,
b: 2,
c: 3
};
Выполним импорт:
import obj from './test.js';
console.log(obj);
Практические задачи
Сделайте модуль, экспортирующий массив с числами. Подключите этот модуль к другому файлу и найдите сумму элементов подключенного массива.
Сделайте модуль, экспортирующий одну функцию.