如何导入另一个 TypeScript 文件？

TypeScript 是一种强类型的 JavaScript 超集语言。在编写 TypeScript 代码时，经常需要将多个 TypeScript 文件组合在一起。本文将介绍在 TypeScript 中如何导入另一个 TypeScript 文件。

导入单个文件

要导入另一个 TypeScript 文件，可以使用 import 语句。语法如下：

import { Foo } from './foo';

const foo = new Foo();

在这个例子中，我们从 ./foo 文件中导入了 Foo 类，并使用它来创建一个新的 Foo 对象。

值得注意的是，导入语句必须在文件的顶部，而不能放在函数或代码块中。

导入多个文件

如果要导入多个文件，可以使用以下语法：

import { Foo } from './foo';
import { Bar } from './bar';

const foo = new Foo();
const bar = new Bar();

导入默认的导出

当一个模块只有一个导出时，可以使用默认导出。要导入默认导出，可以使用以下语法：

import Foo from './foo';

const foo = new Foo();

在 ./foo 文件中，我们可以使用以下语法来导出一个默认的类：

export default class Foo {
    // ...
}

导入命名空间

在 TypeScript 中，可以使用命名空间来将相关的对象打包在一起。要导入一个命名空间，可以使用以下语法：

import * as App from './app';

const foo = new App.Foo();
const bar = new App.Bar();

在 ./app 文件中，我们可以使用以下语法来定义命名空间：

export namespace App {
    export class Foo {
        // ...
    }

    export class Bar {
        // ...
    }
}

导出模块

在 TypeScript 中，可以使用 export 关键字来将一个对象导出到其他模块中。要导出一个对象，可以使用以下语法：

export class Foo {
    // ...
}

在另一个模块中，可以使用以下语法来导入这个类：

import { Foo } from './foo';

const foo = new Foo();

总结

TypeScript 中的导入和导出与 JavaScript 类似，但有一些不同之处。要导入一个 TypeScript 文件，可以使用 import 语句，而要导出一个对象，则可以使用 export 关键字。通过这些导入和导出功能，可以将 TypeScript 代码拆分成不同的文件，以便更好地组织和维护代码。