TypeScript 为什么重要?
TypeScript 不仅仅是 JavaScript 的超集,它是可选的类型系统,能够在编译时捕获错误,提供更好的 IDE 支持。
实用技巧
1. 使用 const 断言
// 类型被推断为 string[]
const fruits = ['apple', 'banana'];
// 类型被推断为 readonly ['apple', 'banana']
const fruits2 = ['apple', 'banana'] as const;
2. 充分利用 utility types
interface User {
id: string;
name: string;
email: string;
password: string;
}
// 只包含部分字段的类型
type PublicUser = Pick<User, 'id' | 'name'>;
// 去除某些字段的类型
type CreateUser = Omit<User, 'id'>;
3. 类型守卫
function isString(value: unknown): value is string {
return typeof value === 'string';
}
function processValue(value: unknown) {
if (isString(value)) {
// 这里 TypeScript 知道 value 是 string
console.log(value.toUpperCase());
}
}
最佳实践
- 不要过度类型化 - 简单场景不需要复杂类型
- 使用 strict 模式 - 启用所有严格检查
- 类型优先 - 先定义类型,再实现逻辑
总结
TypeScript 的学习曲线并不陡峭,但精通它需要时间和实践。从今天开始,重视类型,它会让你的代码更健壮。