TypeScript基础篇 - 类型的思考方式

目录

重新认识：什么是类型？

类型是人类的思考方式

类型是错误检查的利器

总结：为什么我们用TS？

一张ai生成图~

---

重新认识：什么是类型？

• 汽车可以跑怎么理解？
  • car.run() 【面向对象】
  • car implements Runnable 【函数式】
  • 接口和类型类（面向对象和函数式编程的统一）

类型是人类的思考方式

• 分类的思维
  • Integer【整数】/String is Comparable【被比较的】
  • Array is Enumerable【枚举】
  • React.FC is not React.ComponentClass

React 和Vue负责的是渲染领域

type CompontType<P = {}> = ComponentClass<P> | FunctionComponent<P>

• 映射的思维
  • ComponentClass可转化为Component因此

   // Array<ComponentClass>可转化为Array<Component>
[...something].map(...)

• 类型的演化体现系统的进步

React系统的演化【元素类型】

组件类——>函数组件

类型是错误检查的利器

• 帮助程序减少错误

function run(cmd:Cmd) {
    
}
// 报错
run('ls /')

总结：为什么我们用TS？

1. 类型是人类的思考方式（OOP和FP在此统一）
2. 类型帮助错误检查
3. 类型帮助思考和系统演进【系统扩展性，系统健壮性】

一张ai生成图~

1girl,focusonhead,necktie,shirt,redhair,twintails,whitebackground,blacknecktie,whiteshirt,

coat,simplebackground,collaredshirt,suspenders,lookingatviewer,longhair,holding,

openmouth,longsleeves,skirt,lowtwintails,browncoat,openclothes,opencoat,cowboyshot,

weapon,bangs,striped,hairribbon,blackskirt,sleevespastwrists,shirttuckedin,orangeeyes,

gun,ribbon,stripednecktie,belt,blackribbon,holster,standing,watermark,holsteredweapon,

pants,handgun,(pureerosface_v1:0.5),(ulzzang-6500:0.6)

 

 好像少个胳膊~~~~