Чем отличаются CommonJS и ES модули?

В мире JavaScript исторически сложилось сосуществование двух основных систем модулей: CommonJS и ES модулей. Понимание их различий критически важно для разработчиков, так как они имеют принципиально разную архитектуру и область применения. Система CommonJS была создана на заре развития Node.js для серверного JavaScript. В ней для экспорта данных используется объект module.exports, а для подключения зависимостей применяется функция require(). Типичный пример такого кода выглядит как const module = require('./module'). Главная технологическая особенность CommonJS заключается в том, что она является синхронной. Это означает, что при вызове функции require файл полностью считывается и выполняется синхронно в момент вызова, что отлично работало на сервере, где все файлы хранятся на локальном жестком диске.

С другой стороны, ES модули представляют собой современный официальный стандарт языка JavaScript, который использует ключевые слова import и export. В отличие от предшественника, ES модули являются асинхронными по своей природе. Стандарт разработан с учетом особенностей работы в браузере, где файлы модулей могут загружаться по сети с разной задержкой. Поэтому перед выполнением кода браузер или среда выполнения сначала анализируют граф зависимостей, загружают все необходимые модули и только затем запускают их выполнение.

Долгое время CommonJS был стандартом исключительно для бэкенда на Node.js, в то время как ES модули внедрялись в браузеры и инструменты сборки. Однако современная экосистема шагнула вперед: сегодня Node.js успешно поддерживает оба формата. Разработчики могут использовать ES модули даже на сервере, указав в файле package.json поле "type": "module", либо используя расширение файла .mjs для файлов с новым синтаксисом и .cjs для традиционного CommonJS. Тем не менее, миграция индустрии в сторону ES модулей продолжается, так как они предоставляют лучшие возможности для статического анализа кода и оптимизации.