TypeScript 最佳实践

TypeScript 为 JavaScript 添加了静态类型系统，帮助我们在开发阶段发现潜在的错误。

1. 善用类型推断

TypeScript 具有强大的类型推断能力：

typescript
// 不需要显式标注类型
const name = "Hello" // string
const numbers = [1, 2, 3] // number[]

// 函数返回类型也可以推断
function add(a: number, b: number) {
  return a + b // 返回类型自动推断为 number
}

2. 使用接口定义对象结构

typescript
interface User {
  id: number
  name: string
  email: string
  age?: number // 可选属性
}

function createUser(user: User): User {
  return user
}

3. 泛型的力量

typescript
function identity<T>(arg: T): T {
  return arg
}

// 使用
const str = identity<string>("hello")
const num = identity(42) // 类型推断

4. 工具类型

TypeScript 内置了许多有用的工具类型：

typescript
interface Todo {
  title: string
  completed: boolean
}

type PartialTodo = Partial<Todo>
type ReadonlyTodo = Readonly<Todo>
type TodoKeys = keyof Todo

总结

掌握这些 TypeScript 技巧将帮助你写出更加健壮、可维护的代码。