Введение в модули и пространства имён

Модули и пространства имён в TypeScript помогают организовать и структурировать код, особенно в крупных проектах.

Хотя они решают схожие задачи, используются они по-разному. В этом уроке Вы разберётесь в их различиях и применении.

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

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

TypeScript использует модули ES для импорта и экспорта, которые теперь являются стандартом JavaScript.

Экспорт и импорт в модулях

Вы можете экспортировать код из модуля с помощью export, а импортировать его — с помощью import:

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

Импортируйте его в другой файл:

// app.ts
import { add } from './math';
console.log(add(2, 3));

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

// app.ts
import { add } from './math';
console.log(add(2, 3));

Экспорт по умолчанию

TypeScript также позволяет использовать экспорт по умолчанию, который позволяет экспортировать из модуля одно значение:

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

Импортируйте его без фигурных скобок:

// app.ts
import add from './math';
console.log(add(2, 3));

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

// app.ts
import add from './math';
console.log(add(2, 3));

Что такое пространства имён?

Пространства имён в TypeScript позволяют объединять связанный код под одним именем, организовывая его и предотвращая конфликты имён.

Пространства имён объявляются с помощью ключевого слова namespace.

Создание и использование пространств имён

Вот пример пространства имён:

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

Использовать его можно так:

console.log(MathUtils.add(2, 3));

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

console.log(MathUtils.add(2, 3));

Модули и пространства имён: сравнение

Вот основные различия между модулями и пространствами имён:

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

Рекомендации

При работе с TypeScript:

• Используйте модули в новых проектах, поскольку они соответствуют современным стандартам JavaScript.
• Рассматривайте пространства имён только для устаревших или небольших проектов.
• Всегда поддерживайте порядок и единообразие кода.

Поздравляем!

Вы узнали, как использовать модули и пространства имён для структурирования и организации проектов на TypeScript. Продолжайте практиковаться, чтобы освоить эти важные концепции!