TypeSciprt 入门 | 青训营笔记

25 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第四天

一、本堂课重点内容

  1. TypeScript 历史及定义解析
  2. TypeScript 优势解读
  3. TypeScript 练习工具
  4. 联合交叉类型
  5. 类型保护与类型守卫
  6. Merge 函数类型实现
  7. 函数返回值类型
  8. 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 语法,