TypeScript 中 import 的最佳用法

在 TypeScript 中，import 是一个非常重要的关键字，用于导入模块中的函数、变量、类等。本文将介绍 TypeScript 中 import 的最佳用法，包括如何正确地导入模块、如何使用命名空间等。

导入模块

在 TypeScript 中，我们可以使用以下方式导入模块：

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

其中，{ foo } 表示从 ./foo 模块中导入 foo 变量，bar 表示从 ./bar 模块中导入默认导出的变量。

在实际项目中，我们通常会遇到多个模块需要导入的情况。为了避免代码冗余，我们可以使用以下方式进行导入：

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

export { foo, bar };

在上述代码中，我们将 foo 和 bar 导出，可以在其他文件中直接使用：

import { foo, bar } from './utils';

console.log(foo);
console.log(bar());

使用命名空间

在 TypeScript 中，我们可以使用命名空间来避免命名冲突。例如，我们可以将所有与日期相关的函数和变量放在 Date 命名空间中：

namespace Date {
  export function formatDate(date: Date): string {
    // ...
  }

  export const today = new Date();
}

在其他文件中，我们可以使用以下方式来访问 Date 命名空间中的函数和变量：

import { Date } from './utils';

console.log(Date.formatDate(Date.today));

总结

在 TypeScript 中，import 是一个非常重要的关键字，可以帮助我们导入模块中的函数、变量、类等。在实际项目中，我们应该遵循最佳实践，避免代码冗余，使用命名空间来避免命名冲突。希望本文对您有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f3c47d2b3ccec22fc32c8d