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

Модули в TypeScript позволяют разделять код на отдельные логические части, что упрощает управление большими проектами и способствует повторному использованию кода. Каждый файл TypeScript может быть модулем, который может экспортировать или импортировать другие модули или компоненты.

Как работают модули?

Каждый файл, который содержит код, является модулем. По умолчанию, в каждом модуле есть свой собственный область видимости. Это значит, что функции и переменные, объявленные в одном модуле, не доступны в других модулях, если они не экспортированы. Для экспорта и импорта используются ключевые слова export и import.

Пример использования модулей

Создадим простой пример, чтобы продемонстрировать, как работают модули в TypeScript.

Сначала создадим файл math.ts, который будет содержать некоторые математические функции:

// math.ts
export function add(a: number, b: number): number {
    return a + b;
}

export function subtract(a: number, b: number): number {
    return a - b;
}

В этом примере мы экспортируем две функции: add и subtract. Обратите внимание, что мы используем типизацию TypeScript, чтобы указать типы параметров и возвращаемых значений.

Теперь создадим другой файл, например app.ts, в котором мы будем использовать функции из math.ts:

// app.ts
import {add, subtract} from './math';

const sum = add(5, 3);
const difference = subtract(10, 4);

console.log(`Sum: ${sum}`); // Sum: 8
console.log(`Difference: ${difference}`); // Difference: 6

В этом примере мы используем оператор import, чтобы импортировать функции add и subtract. Мы также можем использовать import * as для импорта всего модуля:

import * as math from './math';

const sum = math.add(5, 3);
const difference = math.subtract(10, 4);

Примечания

• Default Export: TypeScript поддерживает экспорт по умолчанию. Вы можете экспортировать один элемент как экспорт по умолчанию, используя export default. Например:

// math.ts
export default function multiply(a: number, b: number): number {
    return a * b;
}

И импортировать его так:

import multiply from './math';

• Структура папок: Если ваш проект состоит из нескольких папок и модулей, рекомендуется организовать их логически. Например, можно создать папку utils для утилитных функций и использовать относительные пути для импорта.

Заключение

Модули в TypeScript позволяют вам структурировать ваш код, улучшать его читаемость и поддерживаемость. Используя export и import, вы можете создавать чистый и организованный код, что особенно важно для больших проектов. Теперь вы готовы использовать модули в своих проектах на TypeScript!