Справочник JavaScript

JavaScript-модули: import и export

Модули позволяют разбить программу на файлы с явными экспортами и импортами. Каждый модуль имеет собственную область видимости и выполняется в строгом режиме.

Рабочий пример

// math.js
export const sum = (a, b) => a + b;

// app.js
import { sum } from "./math.js";
console.log(sum(2, 3));

// HTML
<script type="module" src="/app.js"></script>

Путь к локальному модулю в браузере должен начинаться с ./, ../ или /. Скрипты type="module" откладываются автоматически и подчиняются правилам CORS.

Когда применять

Экспортируй небольшие связанные функции и избегай файла, который знает обо всём приложении. Именованные экспорты проще искать и переименовывать.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

• Забывать расширение файла в браузере
• Открывать модуль через file:// и сталкиваться с CORS
• Смешивать default и named import