目录

Typescript的定义

type.ts

深入了解Typescript

Typescript应该学到什么程度？

Typescript学习方法

如何学好TS

小节：常见学习误区

一张ai生成图~

---

Typescript的定义

• 2012年微软发布的一门编程语言
  • Transcompiler【翻译编译器】Typescript——>javascript【语言到语言的翻译器】
  • JS的超集【js有的TS都有，TS的一部分能力JS没有】
  • Client and Server Side【客户端开发，服务端开发】
  • 多范式
  • Duck Typing【鸭子类型】，Gradual Type【渐进类型】, Strict Type【严格类型】

type.ts

// Duck Typing【鸭子类型】
type Point = {
    x:number,
    y:number
}
const p : Point = {
    x:0,
    y:0
}
const p = {
    x:1,
    y:1
}
let p2: Point = p1 // 【鸭子类型,有翅膀，有扁嘴，长的一类型，】
// 严格类型这样写会报错

// 渐进类型
const x:any = "1234566"
// @ts-ignore【此注释会绕过TS类型错误检查】
const x: number = "1234"
// 严格类型这样写会报错

深入了解Typescript

Typescript应该学到什么程度？

• 理解TS原理（编译时、运行时）
• 掌握常见用法
  • 阅读源码
  • 写TS程序
• TS配置
• TS生态

Typescript学习方法

如何学好TS

• 理论（类型以及类型的演算）
• 实战（TS+Vue,TS+Node......）
• 阅读（官方文档、源代码）

小节：常见学习误区

分不清：TS作为工具和TS作为思考方式

分不清：理解记忆和死记硬背的区别【有些方法不需要记住，知道理解，用到时候查API】

一张ai生成图~

best quality, masterpiece, (photorealistic:1.4), 1girl, light smile, shirt with collars,

waist up, dramatic lighting, from below