TypeScript 入门速记

TypeScript 的核心价值不是“多写类型”，而是把很多运行时才会爆出来的问题提前到编辑器里。写项目时，只要接口、组件 props、返回值这些边界有类型，后续重构就会安心很多。

基本类型

const name: string = "bosprimigenious";
const age: number = 20;
const isStudent: boolean = true;
const tags: string[] = ["frontend", "tools"];

对象一般用 type 或 interface 描述：

type Project = {
  title: string;
  description: string;
  stars?: number;
};

? 表示可选字段。读取可选字段时，要考虑它可能不存在。

函数最重要的是参数和返回值：

function formatTitle(title: string): string {
  return title.trim();
}

如果返回值可以自动推断，日常可以省略。但公共函数、工具函数建议显式写出来。

很多状态不是任意字符串，而是固定几种值：

type Status = "idle" | "loading" | "success" | "error";

这种写法比 string 更安全，也更适合组件状态。

泛型适合“输入什么类型，输出也是什么类型”的场景：

function first<T>(items: T[]): T | undefined {
  return items[0];
}

不用一开始就把泛型写得很复杂，先在数组、接口响应、工具函数里用起来就够了。

TypeScript 最适合当“项目护栏”，不是拿来炫技的。类型越贴近真实业务，收益越明显。