如何在TypeScript使用模块化, 及注意事项!
在TypeScript中,模块化可以通过使用import
和export
关键字来实现。这里是一个简单的例子:
假设你有一个名为math.ts
的模块,它提供了一些数学功能:
// math.ts
export function add(a: number, b: number): number {
return a + b;
}
export function subtract(a: number, b: number): number {
return a - b;
}
你可以在另一个文件中导入并使用这些功能:
// app.ts
import { add, subtract } from './math';
console.log(add(1, 2)); // 输出: 3
console.log(subtract(10, 5)); // 输出: 5
注意事项:
- 确保TypeScript编译器的
module
选项设置为适合你的模块系统(如CommonJS, AMD, System, UMD, ES2015等)。 - 如果你使用的是外部类型定义(例如,通过
npm
安装的库),确保安装了正确的类型定义。 - 使用模块化时,尽量避免使用全局变量和函数,以避免命名冲突。
- 考虑使用
export default
来导出默认值,或者使用export =
来创建模块的对象 d.ts 文件,以便于处理外部模块。 - 如果你的代码需要同时运行在浏览器和Node.js环境中,请确保你的构建系统(如Webpack, Rollup等)能够处理这些模块。
评论已关闭