📜  如何在 TypeScript 中声明模块?(1)

📅  最后修改于: 2023-12-03 15:08:48.828000             🧑  作者: Mango

如何在 TypeScript 中声明模块?

TypeScript 是一种静态类型的 JavaScript 语言,它提供了模块化的支持,允许开发者将代码分成小块,方便组织和维护。在 TypeScript 中,声明模块有以下几种方法。

1. export/import
  • export 关键字用来导出模块中的变量、函数、类等。
  • import 关键字用来导入其他模块中导出的变量、函数、类等。

在 TypeScript 中,一个模块可以通过 export 导出其中的成员(如变量、函数、类等),然后在其他模块中通过 import 来使用这些成员。以下是一个示例:

// module.ts
export const name: string = 'John';
export function getName()): string {
  return name;
}

// app.ts
import { name, getName } from './module';
console.log(name);     // 'John'
console.log(getName()); // 'John'
2. export default

除了使用 export 来导出成员外,TypeScript 还支持使用 export default 来导出默认成员。一个模块只能有一个默认导出,而且在导入时可以省略名字。以下是一个示例:

// module.ts
export default function sayHello(name: string): void {
  console.log(`Hello ${name}`);
}

// app.ts
import sayHello from './module';
sayHello('John'); // 'Hello John'
3. namespace

namespace 是 TypeScript 中的一种特殊语法,可以用来将一系列逻辑相关的变量、函数、类等组织到一个命名空间中,避免全局作用域污染。以下是一个示例:

// module.ts
namespace MyModule {
  export const name: string = 'John';
  export function getName(): string {
    return name;
  }
}

// app.ts
import { MyModule } from './module';
console.log(MyModule.name);     // 'John'
console.log(MyModule.getName()); // 'John'

以上是 TypeScript 中声明模块的几种方法,开发者可以根据实际需求选择合适的方式来组织代码。