1. 安装和配置
- 安装 Node.js 和 npm(Node.js 包管理器)。
- 使用 npm 全局安装 TypeScript:`npm install -g typescript`。
- 初始化一个新的 TypeScript 项目:`tsc --init`。
2. 基本语法
- TypeScript 文件以 `.ts` 结尾,而 JavaScript 文件以 `.js` 结尾。
- TypeScript 支持 JavaScript 的所有基本语法,如变量、函数、类等。
- TypeScript 添加了类型注解,例如 `let num: number = 42;`。
3. 类型系统
- TypeScript 支持基本类型(如 `string`、`number`、`boolean` 等)和复杂类型(如 `array`、`tuple`、`enum`、`any`、`unknown` 等)。
- 可以使用类型推断,让 TypeScript 自动推断变量的类型。
- 可以使用类型断言,告诉 TypeScript 一个值的确切类型。
4. 接口和类
- 使用接口(`interface`)定义对象的形状,例如 `interface Person { name: string; age: number; }`。
- 使用类(`class`)定义对象的实例,例如 `class Student { name: string; age: number; constructor(name: string, age: number) { ... } }`。
5. 模块和导入
- 使用 `export` 关键字导出模块,例如 `export function sayHello(name: string): string { return `Hello, ${name}!`; }`。
- 使用 `import` 关键字导入模块,例如 `import { sayHello } from './greetings.ts';`。
6. 泛型
- 使用泛型(`<T>`)编写可重用的代码,例如 `function identity<T>(arg: T): T { return arg; }`。
7. 编译和运行
- 使用 `tsc` 命令编译 TypeScript 文件:`tsc your-file.ts`。
- 使用 `node` 命令运行生成的 JavaScript 文件:`node your-file.js`。
8. 调试和错误处理
- 使用 `--watch` 选项在 TypeScript 编译器中启用监视模式:`tsc --watch`。
- 阅读和理解编译错误和警告信息,根据提示修复代码。