ES6 модули — это стандартизированная система для обмена кодом между JavaScript файлами с использованием синтаксиса import и export. Они предлагают несколько преимуществ по сравнению со старыми паттернами модулей.
'use strict'Используй именованные экспорты, чтобы выставить несколько значений из одного файла:
export function greet() {}
export const version = '1.0';
Импортируй их, ссылаясь на точное имя:
import { greet, version } from './module.js';
Используй дефолтный экспорт для основного значения модуля. Каждый файл может иметь только один:
export default class MyClass {}
Импортируй его, используя любое имя на выбор:
import MyClass from './module.js';
Именованные и дефолтный экспорты можно использовать вместе в одном файле:
import MyClass, { greet } from './module.js';
Различие между именованными и дефолтными экспортами — это наиболее важная концепция для понимания. Именованные экспорты требуют совпадения имён и фигурных скобок, тогда как дефолтные экспорты гибкие в выборе имени и импортируются без скобок.
ES6 модули автоматически включают strict mode для всего кода в них, избавляя от необходимости явных 'use strict' деклараций.
Новый — ещё не проверен сообществом
Вы