在 TypeScript 中,模块是一种组织代码的方式,它可以帮助我们将代码分割成多个文件,以便于维护和重用。模块可以包含变量、函数、类等代码,并且可以通过导入和导出来实现模块之间的依赖关系。
导出模块
在 TypeScript 中,可以使用 export
关键字来导出模块中的变量、函数、类等,使其可以在其他模块中使用。例如:
-- -------------------- ---- ------- -- ---------- ------ ----- --- - ------ ------ -------- ----- - ------ ------ - ------ ----- --- - ------------- - ---------------- -------------- - -
导入模块
要在另一个模块中使用导出的模块,可以使用 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 中非常重要的概念,通过模块化的方式可以使代码更加清晰、易于维护和扩展。在实际开发中,建议合理使用模块来组织代码,提高开发效率和代码质量。