Модули JavaScript: как разделять код по назначению

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

Иллюстрация к теме, а не фотография описанного события. Laserlicht · CC BY-SA 4.0. Размер изменён; при показе возможно кадрирование.

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

Хорошая граница модуля определяется задачей, а не только длиной файла. Если для любого изменения приходится править много тесно связанных частей, интерфейс стоит пересмотреть. Также важно учитывать среду выполнения: браузер, сервер и сборщик могут по-разному находить модули и обрабатывать их зависимости.

Источники

  1. Официальная документация — Модули JavaScript: как разделять код по назначениюdeveloper.mozilla.org