模块

在 TypeScript 中，模块是一种封装代码的方式，它允许你将代码划分为独立的、可重用的单元，并通过模块化的导入和导出机制来组织和管理这些单元。模块有助于减少代码的复杂性，提高代码的可维护性，并支持代码的重用和共享。

TypeScript 模块系统基于 CommonJS 模块规范，但也支持其他模块系统，如 AMD 和 SystemJS。此外，TypeScript 还提供了对 ES6 模块语法的支持，这使得 TypeScript 代码可以与现代 JavaScript 代码更好地集成。

模块的定义

你可以使用 module 关键字来定义一个模块，并在模块内部编写代码。

// myModule.ts  
module MyModule {
    export function greet(name: string) {
        return "Hello, " + name;
    }
}

模块的导出

使用 export 关键字来导出模块中的函数、类、变量等，使其能够被其他模块导入使用。

// myModule.ts  
export function greet(name: string) {
    return "Hello, " + name;
}

// 或者导出整个对象  
export interface Person {
    firstName: string;
    lastName: string;
}

模块的导入

使用 import 关键字来导入其他模块导出的内容。

// main.ts  
import * as MyModule from './myModule';

console.log(MyModule.greet("Alice")); // 输出 "Hello, Alice"  

// 导入特定的导出项  
import {greet} from './myModule';

console.log(greet("Bob")); // 输出 "Hello, Bob"  

// 导入模块并为其指定一个别名  
import * as PersonModule from './personModule';

type Person = PersonModule.Person;

let alice: Person = {firstName: "Alice", lastName: "Smith"};
console.log(alice.firstName); // 输出 "Alice"

默认导出

你可以使用默认导出（default export）来导出一个模块的单个主要输出项。

// myModule.ts  
export default function greet(name: string) {
    return "Hello, " + name;
}

// main.ts  
import greet from './myModule';

console.log(greet("Charlie")); // 输出 "Hello, Charlie"

ES6 模块语法

TypeScript 也支持 ES6 模块语法，这通常更为简洁和直观。

// myModule.ts (使用ES6模块语法)  
export function greet(name: string) {
    return `Hello, ${name}!`;
}

// main.ts (使用ES6模块语法)  
import {greet} from './myModule';

console.log(greet("David")); // 输出 "Hello, David!"

模块的作用域

每个模块都有自己的作用域，这意味着在模块内部定义的变量、函数等不会污染全局作用域。这有助于避免命名冲突和代码污染。

编译时的模块处理

当使用 TypeScript 编译器（tsc）编译 TypeScript 代码时，你可以通过编译选项来控制模块的处理方式。例如，你可以指定使用 CommonJS、AMD、SystemJS 或 ES6 模块系统，或者选择使用 UMD（Universal Module Definition）来兼容多种模块加载器。

结论

TypeScript 的模块系统提供了一种灵活而强大的方式来组织和管理代码。通过使用模块，你可以将代码拆分为可重用的组件，并通过导入和导出机制来共享和复用这些组件。这有助于提高代码的可维护性、可读性和可重用性。