В чём разница между script и module?

Основные различия между script и module

Обычный тег <script> загружает и выполняет JavaScript-файл синхронно, блокируя парсинг HTML до завершения загрузки и выполнения скрипта. В отличие от него, <script type="module"> загружает файл как ES-модуль, который выполняется асинхронно и не блокирует парсинг.

Ключевые особенности модулей

• Автоматически включается строгий режим (strict mode).
• Каждый модуль имеет собственную область видимости — переменные и функции не попадают в глобальную область.
• Поддерживается импорт и экспорт между модулями.
• Модули выполняются только один раз, даже если подключены несколько раз.

Пример кода

<!-- Обычный скрипт -->
<script src="script.js"></script>

<!-- Модуль -->
<script type="module" src="module.js"></script>

// module.js
export const greeting = "Hello";

// main.js
import { greeting } from './module.js';
console.log(greeting); // "Hello"

Когда использовать

Обычные скрипты подходят для небольших проектов или кода, который должен выполняться немедленно. Модули рекомендуется использовать в современных приложениях для лучшей организации кода, повторного использования и управления зависимостями.