Typescript 从另一个文件导入变量 - TypeScript

Typescript 是 JavaScript 的一种超集，它提供了静态类型检查以及其他一些特性（如面向对象编程、枚举、泛型等）。

在使用 Typescript 进行开发时，我们可能会需要从其他文件中导入变量，本文将介绍如何在 Typescript 中从另一个文件导入变量。

导出变量

首先，我们需要在要导出的文件中声明变量并使用 export 关键字将其导出。

示例：

// fileA.ts
export const myVariable = 'Hello World';

这样，我们就可以将变量 myVariable 导出供其他文件使用。

导入变量

接下来，在另一个文件中，我们可以使用 import 关键字导入要使用的变量。

示例：

// fileB.ts
import { myVariable } from './fileA';

console.log(myVariable); // 输出： 'Hello World'

在文件头部使用 import 关键字，后面接上要导入的变量名和导出文件的相对路径，即可将变量导入到当前文件中。

导出默认变量

除了通过命名导出变量外，我们还可以通过默认导出变量的方式导出变量。

示例：

// fileA.ts
const myVariable = 'Hello World';
export default myVariable;

在没有使用命名导出的情况下，我们可以使用 export default 关键字将变量导出。

在另一个文件中导入默认导出的变量时，我们需要使用不同的语法。

示例：

// fileB.ts
import myVariable from './fileA';

console.log(myVariable); // 输出： 'Hello World'

在导入默认导出的变量时，我们需要省略变量名并使用 import ... from ... 的语法。

总结

通过 export 和 import 关键字，我们可以在 Typescript 中方便地导入变量，并在其他文件中使用它们。

使用 export default 关键字可以方便地导出单个变量作为默认值，而不需要显式命名。

以上就是 Typescript 从另一个文件导入变量的介绍，希望对你有所帮助。