TypeScript入门:写出更安全的JavaScript代码

TypeScript 为 JavaScript 增加了类型系统,让你在写代码时就能发现错误。

基础类型

let name: string = hello;
let age: number = 25;
let items: string[] = [a, b];
let user: [string, number] = [Tom, 25];

接口 Interface

interface User {
  name: string;
  age: number;
  email?: string;
  readonly id: number;
}

泛型 Generics

function identity T (arg: T): T {
  return arg;
}
identity string (hello);

常用工具类型

  • Partial T:所有属性可选
  • Pick T, K:选取部分属性
  • Omit T, K:排除部分属性
  • Record K, T:构造对象类型

实战建议

  • 少用 any,多用 unknown
  • 复杂对象用 interface,联合类型用 type
  • 开启 strict mode
  • 善用类型推断,不每个变量都标类型

花一周上手 TypeScript,写代码会安心很多。