Модули в JavaScript

Что такое модули?

Модули позволяют организовать код в отдельные файлы и переиспользовать его в разных частях приложения. Это помогает управлять сложностью кода и улучшает его читаемость.

Экспорт и импорт модулей

Для использования модулей в JavaScript используются ключевые слова export и import.

// Пример экспорта из модуля (math.js)
export const PI = 3.14;
export function sum(a, b) {
    return a + b;
}

// Пример импорта в другом файле (app.js)
import { PI, sum } from './math.js';
console.log(PI); // 3.14
console.log(sum(5, 3)); // 8
            

Работа с модулями в браузере

Для работы с модулями в браузере необходимо использовать атрибут type="module" в теге <script>.

<script type="module">
    import { sum } from './math.js';
    console.log(sum(10, 5)); // 15
</script>