Реагировать на модули ES6
Модули
Модули JavaScript позволяют разбивать код на отдельные файлы.
Это упрощает поддержку кодовой базы.
Модули ES полагаются на операторы import
и .export
Экспорт
Вы можете экспортировать функцию или переменную из любого файла.
Давайте создадим файл с именем person.js
и заполним его вещами, которые мы хотим экспортировать.
Существует два типа экспорта: Named и Default.
Именованные экспорты
Вы можете создать именованный экспорт двумя способами. В линию по отдельности, или все сразу внизу.
В линию по отдельности:
person.js
export const name = "Jesse"
export const age = "40"
Все сразу внизу:
person.js
const name = "Jesse"
const age = "40"
export { name, age }
Получите сертификат!
ЗАПИСАТЬСЯ НА 95 $
Экспорт по умолчанию
Давайте создадим еще один файл с именем message.js
и используем его для демонстрации экспорта по умолчанию.
В файле может быть только один экспорт по умолчанию.
Пример
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
Импортировать
Вы можете импортировать модули в файл двумя способами, в зависимости от того, называются ли они экспортами или экспортами по умолчанию.
Именованные экспорты должны быть деструктурированы с помощью фигурных скобок. Экспорт по умолчанию — нет.
Импорт из именованного экспорта
Импортируйте именованные экспорты из файла person.js:
import { name, age } from "./person.js";
Импорт из экспорта по умолчанию
Импортируйте экспорт по умолчанию из файла message.js:
import message from "./message.js";