Модули Иморт Экспорт

Для того, чтобы браузер понимал, что мы экспортируем модули, необходимо в тег script, где имеется модуль, добавить атрибут type="module". Но обычно используется webpack и добавлять ничего не нужно.

Export можно использовать в момент объявления функции, переменной или класса.

1
2
3
4
5
6
7
8
export function fn() {  //...}  export const num = 4  export class User() {  //...}

Для больших модулей удобнее использовать группированный экспорт.

1
export { fn, num, User }

В случае, когда из файла экспортируется только одна сущность, удобнее использовать экспорт по умолчанию.

1
2
3
4
5
function fn () {  //...}  export default fn

Чтобы импортировать какой-либо метод, необходимо воспользоваться инструкцией import, указав интересующие части модуля и путь до него.

1
import { fn, num } from './путь'

Для изменения метода в момент импорта / экспорта существует инструкция as.

Можно импортировать все содержимое модуля в переменную и обращаться к частям модуля как с свойствам переменной.

1
import * as el from './путь'