TypeScript 模块
TypeScript 是 JavaScript 的一个超集,它添加了静态类型选项。TypeScript 中的模块是一种组织代码的方式,允许开发者将代码分割成可重用的单元。本文将深入探讨 TypeScript 模块的概念、用法和最佳实践。
模块的概念
在 TypeScript 中,模块是封装变量、函数、类和接口的方式,以便在不同的文件中重用代码。模块可以被视为一个包含导出和导入声明的容器。导出声明允许开发者从模块中公开变量、函数、类和接口,而导入声明允许开发者访问其他模块中公开的成员。
模块的分类
TypeScript 支持多种模块化方案,包括:
- CommonJS 模块:主要用于 Node.js 环境。使用
require
和module.exports
语法。 - AMD 模块:异步模块定义,主要用于浏览器环境。使用
define
和require
语法。 - ES6 模块:ECMAScript 2015 (ES6) 引入的模块系统。使用
import
和export
语法。 - UMD 模块:通用模块定义,旨在兼容 CommonJS 和 AMD 模块。
ES6 模块
ES6 模块是 TypeScript 中的默认模块化方案。它提供了一种更简洁、更强大的方式来组织代码。下面是 ES6 模块的基本用法:
导出模块
// math.ts
export const pi = 3.14159;
export function calculateCircumference(diameter: number) {
retu