在 TypeScript 中，模块是一种组织代码的方式，它可以帮助我们将代码分割成多个文件，以便于维护和重用。模块可以包含变量、函数、类等代码，并且可以通过导入和导出来实现模块之间的依赖关系。

导出模块

在 TypeScript 中，可以使用 export 关键字来导出模块中的变量、函数、类等，使其可以在其他模块中使用。例如：

// www.javascriptcn.com code example
// moduleA.ts
export const foo = 'foo';
export function bar() {
  return 'bar';
}
export class Baz {
  constructor() {
    console.log('Baz constructor');
  }
}

导入模块

要在另一个模块中使用导出的模块，可以使用 import 关键字来导入。例如：

// moduleB.ts
import { foo, bar, Baz } from './moduleA';

console.log(foo); // 输出 'foo'
console.log(bar()); // 输出 'bar'

const baz = new Baz(); // 输出 'Baz constructor'

默认导出

除了可以导出多个模块，还可以使用 export default 来导出一个默认模块，在导入时可以不用加大括号。例如：

// moduleC.ts
const defaultModule = 'defaultModule';
export default defaultModule;

// moduleD.ts
import defaultModule from './moduleC';

console.log(defaultModule); // 输出 'defaultModule'

别名导入

在导入模块时，可以使用别名来简化模块的引用。例如：

// moduleE.ts
const aliasModule = 'aliasModule';
export { aliasModule };

// moduleF.ts
import { aliasModule as alias } from './moduleE';

console.log(alias); // 输出 'aliasModule'

导入整个模块

如果想要导入整个模块，可以使用 import * as。例如：

// moduleG.ts
const moduleG = 'moduleG';
export { moduleG };

// moduleH.ts
import * as modules from './moduleG';

console.log(modules.moduleG); // 输出 'moduleG'

模块是 TypeScript 中非常重要的概念，通过模块化的方式可以使代码更加清晰、易于维护和扩展。在实际开发中，建议合理使用模块来组织代码，提高开发效率和代码质量。