Что такое модули и зачем они нужны?

Зачем

Модули — переиспользуемые куски кода с явным import/export. Плюсы:

• организация и масштабирование;
• меньше загрязнения глобальной области;
• явные зависимости.

// myModule.js
export const myFunction = () => {
  console.log("Hello, World!");
};

// main.js
import { myFunction } from "./myModule.js";
myFunction();

В браузере

<script type="module" src="main.js"></script>

Модули по умолчанию в strict mode, имеют свою область видимости.

Итог: модули режут проект на явные границы вместо «одного огромного скрипта в global».