这是我参与「第五届青训营」伴学笔记创作活动的第四天
一、本堂课重点内容
- TypeScript 历史及定义解析
- TypeScript 优势解读
- TypeScript 练习工具
- 联合交叉类型
- 类型保护与类型守卫
- Merge 函数类型实现
- 函数返回值类型
- TypeScript 工程应用
二、详细知识点介绍
TypeScript 是 JavaScript 的语法超集,它添加了静态类型,介绍了与 JavaScript 在定义上,赋值上,对象等等不同的地方。
三、课后个人总结
这是我第一次接触 TypeScript ,也是第一次听说,第一次了解这个玩意,相对于 JavaScript,我觉得它更麻烦,写的东西也多,也更容易报错,很容易让人没了写代码的兴趣,写着写着就劝退了。
后面查了资料,发现 TypeScript 挺重要的,如果说 JavaScript 注重开发效率,那么 TypeScript 就强调代码的模块化。这样一对比,各有各的优势,TypeScript 更适合用于开发大型的应用,JavaScript 更适用于小应用。
JavaScript 写的代码不容易维护,在服务器端显得复杂和混乱。
TS 使代码重构变得更加容易,在框架上,比如 vue、react、Angular 上,大部分人会默认选择 TypeScript 来写组件库。
所以在学好 JavaScript 的基础下,向 TypeScript 进攻是有必要的,虽然 TypeScript 可能不会取代 JavaScript 的地位,但是在后面的学习中,为了在后面的学习中,让代码重构变得简单,让项目容易维护等等,TypeScript 是必不可少的。
数字类型
TypeScript:let num:number = 5
JavaScript:let num = 5
布尔类型
TypeScript:let flag: boolean = true
JavaScript:let flag = true
定义数组
数值数组
TypeScript:let list: number[] = [1,2,3]
JavaScript:let list = [1,2,3]
字符串数组:
TypeScript:let name: string[] = ["张三","李四","王五"]
JavaScript:let name = ["张三","李四","王五"]
四、课后补充
相比于 JavaScript 的优势:
更早发现错误,强大的类型提升了代码的可维护性,支持最新的 ECMAScript 语法,