В чем разница между внутренним и внешним модулем?

В TypeScript существует два основных типа модулей: внутренние (internal) и внешние (external). Понимание различия между ними поможет вам более эффективно организовывать и структурировать код.

Внутренние модули (Internal Modules, старый термин)

Внутренние модули — это модули, определенные внутри другого модуля. В TypeScript старый синтаксис для создания внутренних модулей включает использование пространства имен (namespace). Каждый внутренний модуль может содержать функции, классы и переменные, которые доступны только в пределах этого пространства имен.

Пример внутреннего модуля

namespace MyNamespace {
    export class MyClass {
        constructor(public name: string) {
        }

        greet() {
            console.log(`Привет, ${this.name}!`);
        }
    }
}

const myObj = new MyNamespace.MyClass("Алексей");
myObj.greet(); // Вывод: Привет, Алексей!

В этом примере MyNamespace является пространством имен, которое содержит класс MyClass. Мы можем создавать экземпляры этого класса, используя квалифицированное имя с пространством имен.

Внешние модули (External Modules)

Внешние модули — это файлы, которые содержат код, и которые могут быть импортированы и экспортированы между собой. Они обеспечивают более гибкую структуру для работы с кодом и позволяют легко повторно использовать его в других частях приложения. Внешние модули используют ключевые слова import и export.

Пример внешнего модуля

Файл greet.ts:

export function greet(name: string) {
    console.log(`Привет, ${name}!`);
}

Файл main.ts:

import {greet} from './greet';

greet("Алексей"); // Вывод: Привет, Алексей!

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

Основные отличия

Заключение

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