开启 TypeScript 学习之旅

142 阅读2分钟

这是我参与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 有哪些优势?

  1. 静态类型检查。TypeScript 作为 JavaScript 的超集,在编译阶段进行静态类型分析,可以尽早发现一些错误,避免影响线上业务。
  2. 强大的类型系统。TypeScript 提供了强大的类型系统,强化了 JavaScript 的松散语法,明确了变量的类型,可以帮助我们在编码阶段消灭一些低级错误,增强了代码的健壮性。
  3. 配合 IDE 提升开发效率。目前编写 TypeScript 最强的 IDE 是 Visual Studio Code(简称 VSCode),配合一些好用的插件(如 ESLint),很大程度提高了开发效率。
  4. 提高代码可维护性。使用 TypeScript 编写的代码更加规范。类型系统的存在,使得我们可以轻松阅读代码块。

如何学习 TypeScript

  • 打好 JS 基础
  • 了解 ES6
  • 打开编辑器,一边学一边写
  • 应用到一个较复杂的场景中。TS 这种静态类型语言,天生适合较复杂较大型的业务,只有用在复杂场景下,才能最大化发挥它的优势

只有在练习中,才能记住 TS 的语法,并且体会到类型系统带来的好处。