📅  最后修改于: 2023-12-03 15:08:48.828000             🧑  作者: Mango
TypeScript 是一种静态类型的 JavaScript 语言,它提供了模块化的支持,允许开发者将代码分成小块,方便组织和维护。在 TypeScript 中,声明模块有以下几种方法。
在 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'
除了使用 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'
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 中声明模块的几种方法,开发者可以根据实际需求选择合适的方式来组织代码。