TypeScript 入门指南

为什么选择 TypeScript？

TypeScript 为 JavaScript 添加了静态类型检查，能在编译时而非运行时捕获错误。这让代码更加健壮，也带来了更好的开发体验。

环境配置

# 初始化新项目
npm init -y

# 安装 TypeScript
npm install --save-dev typescript

# 创建 tsconfig.json
npx tsc --init

基础类型

// 基本类型
let name: string = "World";
let age: number = 25;
let isActive: boolean = true;

// 数组
let items: string[] = ["a", "b", "c"];

// 对象
interface User {
  name: string;
  age: number;
}

const user: User = { name: "Alice", age: 30 };

函数

function greet(name: string): string {
  return `你好，${name}！`;
}

const add = (a: number, b: number): number => a + b;

最佳实践

1. 在 tsconfig.json 中启用 strict: true
2. 使用 interface 定义对象结构
3. 尽量避免使用 any
4. 利用泛型编写可复用代码
5. 使用联合类型和类型守卫

下一步

熟悉基础之后，可以继续探索：

• 高级泛型
• 装饰器
• 声明文件（.d.ts）
• 项目引用