这是我参与11月更文挑战的第3天,活动详情查看:2021最后一次更文挑战
TypeScript 作为 JS 的超集,提供了一些新语法,以及一套强大的类型系统。
类型系统有什么作用?
它能够帮助我们在写代码的时候,提供更丰富的语法提示,以及在创建前的编译阶段,就经过类型系统的检查,这样就可以避免了很多线上的错误。
那如何学习 TS 呢?
由于 TS 是基于 JS 的,所以大家最好具备 JS 基础,接下来,我会带领大家走向 TS 的世界。学习 TypeScript 的基本语法、类型系统,以及面向对象编程的思想,最后会基于 TS 实现一个完整的工程化项目。
开启TypeScript 开发之旅
什么是 TypeScript?怎么理解超集?
TS 是 JS 的超集,就是 TS 中包含 JS 的所有功能。TypeScript 中的 type,就是类型,我们知道 JS 是一门动态类型的语言,特点就是非常的灵活,但这份灵活也会让 JS 出现运行时的错误。通过给 JS 加上强大的类型系统之后,我们可以提高代码的可维护性,降低出现 Bug 的几率。配合编辑器,帮助提高开发效率。
TypeScript
- JavaScript
- 类型系统
- 将会纳入标准的语法
- 对 JavaScript 语法的补充
类型系统
- 基本类型
- 对象、数组、函数
- 字面量、元组、枚举
- 接口、类
- 泛型
学习了这些类型,我们就对 TS 有了基本的掌握。
相比JavaScript,TypeScript 有哪些优势?
- 静态类型检查。TypeScript 作为 JavaScript 的超集,在编译阶段进行静态类型分析,可以尽早发现一些错误,避免影响线上业务。
- 强大的类型系统。TypeScript 提供了强大的类型系统,强化了 JavaScript 的松散语法,明确了变量的类型,可以帮助我们在编码阶段消灭一些低级错误,增强了代码的健壮性。
- 配合 IDE 提升开发效率。目前编写 TypeScript 最强的 IDE 是 Visual Studio Code(简称 VSCode),配合一些好用的插件(如 ESLint),很大程度提高了开发效率。
- 提高代码可维护性。使用 TypeScript 编写的代码更加规范。类型系统的存在,使得我们可以轻松阅读代码块。
如何学习 TypeScript
- 打好 JS 基础
- 了解 ES6
- 打开编辑器,一边学一边写
- 应用到一个较复杂的场景中。TS 这种静态类型语言,天生适合较复杂较大型的业务,只有用在复杂场景下,才能最大化发挥它的优势
只有在练习中,才能记住 TS 的语法,并且体会到类型系统带来的好处。