【前端】1h 搞定 TypeScript 教程_只说重点

不定期更新，建议关注收藏点赞。

高频内容大纲

六、常用类型特性

• 类型兼容性：子类型可赋值给父类型（鸭子类型）

八、项目实战相关

• 接口定义与后端数据对接
• 类型模块拆分
• 类型推断辅助工具（如as const, 类型推导提示）
• JSON 数据的类型定义

高频面试题

• Type vs Interface 区别与场景

• keyof 是干嘛的？表示类型 T 的所有属性名组成的 联合类型

typeUser={id:number;name:string};typeKeys=keyofUser;// "id" | "name"

• Pick vs Omit 用法？
  Pick 选出指定字段；Omit 排除指定字段。

typeUser={id:number;name:string;age:number};typeUserInfo=Pick<User,'name'|'age'>;// => { name: string; age: number }typeUserWithoutId=Omit<User,'id'>;// => { name: string; age: number

• 类型断言两种写法？

constel=document.getElementById("app");// 写法一：尖括号（❌ JSX 中不能用）constdiv1=<HTMLDivElement>el;// 写法二：`as` 语法（✅ 推荐）constdiv2=elasHTMLDivElement;

• unknown 和 any 区别？