2025-01-10技术
TypeScript 实用技巧分享
TypeScript 已经成为现代前端开发的标配，分享一些我在日常开发中积累的实用技巧。
## 1. 善用类型推断
TypeScript 的类型推断能力很强，很多时候不需要显式声明类型：
```typescript
// 不需要显式声明类型
const name = 'hello' // 自动推断为 string
const numbers = [1, 2, 3] // 自动推断为 number[]
```
## 2. 使用联合类型和类型守卫
联合类型配合类型守卫可以写出非常安全的代码：
```typescript
type Result = Success | Error
function handleResult(result: Result) {
if ('data' in result) {
// TypeScript 知道这里是 Success 类型
console.log(result.data)
}
}
```
## 3. 泛型的妙用
泛型让我们能够编写可复用的类型安全函数：
```typescript
function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
return obj[key]
}
```
## 4. 工具类型
TypeScript 内置了很多实用的工具类型，如 Partial、Required、Pick、Omit 等，善用这些工具类型可以减少重复代码。
掌握这些技巧，可以让你的 TypeScript 代码更加简洁和类型安全。