- Экспортирование модулей: Позволяет делать функции, объекты или переменные доступными для других файлов. Используется
export для экспорта нескольких элементов из модуля.
// utils.js
export function add(a, b) {
return a + b;
}
export const pi = 3.14159;
- Импортирование модулей: Позволяет использовать ранее экспортированные элементы. Используется
import для импорта отдельных элементов из модуля.
// main.js
import { add, pi } from './utils.js';
console.log(add(2, 3)); // 5
console.log(`Value of pi: ${pi}`); // Value of pi: 3.14159
- Экспорт по умолчанию: Используется для экспорта одного основного элемента из модуля. Это может быть функция, класс или объект. Используется
export default для этого.
// math.js
export default function multiply(a, b) {
return a * b;
}
- Импорт по умолчанию: Осуществляется без фигурных скобок. Можно дать импортируемому элементу любое имя.
// main.js
import multiply from './math.js';
console.log(multiply(2, 3)); // 6
- Динамический импорт: Позволяет загружать модули асинхронно, что полезно для загрузки модулей по требованию. Используется
import() для динамического импорта.
// main.js
async function loadModule() {
const { add } = await import('./utils.js');
console.log(add(5, 10)); // 15
}
loadModule();
- Импорт всего содержимого модуля:
Иногда нужно импортировать все содержимое модуля под одним именем. Используется import * as для этого.
// main.js
import * as Utils from './utils.js';
console.log(Utils.add(2, 3)); // 5
console.log(`Value of pi: ${Utils.pi}`); // Value of pi: 3.14159
