TypeScript 是 JavaScript 的一个超集,即支持 ES6,同时还额外扩充了一些内容。由微软开发,代码开源。TypeScript 可以编译成 JavaScript 从而在支持 JavaScript 的环境中运行。 TypeScript 的第一个版本发布于 2012年10月 , 现在是 2019 年,typescript 已经出到了 3.7,如今 TypeScript 已经成为前端社区中不可忽视的力量, VSCode、Vue3.0、Angular 2 均使用 TypeScript 开发。

TypeScript 与 JavaScript 的区别

下面来看两段非常简单的代码:

  1. // JavaScript
  2. var name = 'James'
  3. var sum = 1 + 2
  4. name = sum
  5. // TypeScript
  6. var name: string = 'James'

从上面的代码可以看出,在 JavaScript 中,值是具有类型的,而变量是可以随时保存任何类型的值。 然而,我们在声明一个变量的时候,往往有非常明确的使用意图。如果这些变量和参数被重新赋值为与我们原先赋值不同类型的值,那么有可能某些东西并不是我们预期的那样工作的。

TypeScript 的优点

  • 增加了代码的可读性和可维护性,最好的文档就是代码
  • 非常包容,即使类型报错了还是可以编译成 javascript
  • 拥有活跃的社区
  • 强大的 IDE 支持
    • 类型检查
    • 严谨的语法提示
  • 代码重构容易

    TypeScript 的缺点

  • 较高的学习成本,需要了解接口、类、泛型等等前端工程师较少接触到的概念

  • 和一些库结合的不是很完美

    TypeScript 使用场景

  • 大型团队开发

    推荐学习网站

  • https://ts.xcatliu.com/