TypeScript 如何在另一个 TypeScript 文件中引用一个类

在本文中，我们将介绍在 TypeScript 中如何在一个文件中引用另一个文件中的类。

阅读更多：TypeScript 教程

引用其他文件中的类

在 TypeScript 中，我们可以使用import关键字来引用其他文件中的类。通过引用，我们可以在当前文件中使用其他文件中定义的类。

首先，我们需要确保被引用的文件已经被编译为 JavaScript 文件。如果这个文件还没有被编译，我们可以使用tsc命令将其编译为 JavaScript。

接下来，我们可以使用import关键字引入其他文件中的类。假设我们有两个 TypeScript 文件：file1.ts和file2.ts。file1.ts包含一个名为MyClass的类，我们想在file2.ts中引用这个类。

// file1.ts
export class MyClass {
    // 类的实现
}

// file2.ts
import { MyClass } from "./file1.ts";

// 使用 MyClass 类
const myObj = new MyClass();

在上述示例中，我们使用import { MyClass } from "./file1.ts";来引用file1.ts中的MyClass类。然后，我们可以像使用本地定义的类一样，在file2.ts中创建MyClass的实例。

请注意，import语句中给出的相对路径必须与引用的文件的实际位置相匹配。如果两个文件在同一个目录下，则可以直接使用文件名进行引用，如import { MyClass } from "./file1.ts";。如果两个文件不在同一个目录，则需要提供相应的相对路径。

引用模块中的类

如果我们正在使用模块化的 TypeScript 代码，我们可以将类放在一个模块中，并使用模块语法来引用类。

首先，我们需要将需要引用的类放在一个模块中，并将其导出。

// file1.ts
export module MyModule {
    export class MyClass {
        // 类的实现
    }
}

然后，我们可以使用import语句来引用模块中的类。

// file2.ts
import { MyModule } from "./file1.ts";

// 使用 MyModule 中的 MyClass 类
const myObj = new MyModule.MyClass();

在上述示例中，我们使用import { MyModule } from "./file1.ts";来引用名为MyModule的模块，该模块包含我们想要引用的类。然后，我们可以使用MyModule.MyClass来创建MyClass类的实例。

引用默认导出的类

除了引用模块中的类之外，我们还可以引用默认导出的类。默认导出允许我们导出一个默认的类实例，并在其他文件中直接引用该实例。

首先，在定义类的文件中，我们需要使用default关键字来将类定义为默认导出。

// file1.ts
export default class MyClass {
    // 类的实现
}

然后，在引用类的文件中，我们可以使用import语句来引用默认导出的类。

// file2.ts
import MyClass from "./file1.ts";

// 使用默认导出的 MyClass 类
const myObj = new MyClass();

在上述示例中，我们使用import MyClass from "./file1.ts";来引用默认导出的MyClass类。然后，我们可以在file2.ts中创建MyClass类的实例。

总结

在本文中，我们介绍了在 TypeScript 中引用另一个文件中的类的方法。我们可以使用import关键字来引用其他文件中的类，并在当前文件中使用它们。我们还讨论了如何引用模块中的类和默认导出的类。希望本文对你理解如何在 TypeScript 代码中引用其他文件中的类有所帮助！