使用 TypeScript 生成 JavaScript 应用程序

中级
学生
开发人员
Visual Studio Code

TypeScript 提供了 JavaScript 的所有功能,在这些功能的基础之上还提供了附加层,即 TypeScript 类型系统。 在本学习路径中,你将学习如何使用 TypeScript 进行 JavaScript 开发,从而有助于生成更可靠的代码、减少运行时类型错误、在 JavaScript 中可用之前利用新式功能,以及更好地与开发团队合作。

先决条件

  • 熟悉基本 HTML 和 JavaScript ES6/2015,其中包括:
    • 条件语句
    • 函数
    • 范围
    • 数组
    • 循环
    • 迭代器
    • 对象
    • 模块
  • 安装的软件:

本学习路径中的模块

本模块将介绍 TypeScript 语言、创建它的原因,以及如何将其用于 JavaScript 开发。 你还将设置一个 TypeScript 开发环境,供日后练习。

JavaScript 是一种动态类型的语言。 虽然这种语言可以简单地声明变量,但在某些情况下会导致意想不到的结果。 通过 TypeScript 中的静态类型系统,你可以描述对象的形状,从而提供更好的文档并允许 TypeScript 验证代码是否正常工作。 在 TypeScript 中,命名空间、类、属性、函数、变量和其他语言实体的声明将类型与这些实体相关联。 类型形成和与语言实体关联的方式取决于实体的种类。 该模块介绍了一些可用的类型,并展示了如何将它们与变量相关联。 后面的模块将检查接口、函数和类如何使用静态类型。

JavaScript 不支持接口,因此,作为 JavaScript 开发人员,你可能有使用接口的经验,也可能没有经验。 在 TypeScript 中,可以像在传统的面向对象的编程中那样使用接口。 你还可以使用接口来定义对象类型,这是本模块的主要内容。

如果你知道如何在 JavaScript 中编写函数,那么也知道如何在 TypeScript 中编写函数。 但 TypeScript 为标准 JavaScript 函数添加了一些新功能,使它们更易于使用。

TypeScript 中的类通过添加 TypeScript 特定的功能(如类成员的类型批注、访问修饰符和指定必需或可选参数的能力)来扩展 ES6 功能。 使用 TypeScript 的另一个好处是,你可以使用它来开发类,然后根据需要将它们编译成可以在所有主流浏览器和平台上运行的 JavaScript。

泛型是可以在代码库中定义和重复使用的代码模板。 它们提供了一种方法,可用于指示函数、类或接口在调用时要使用的类型。

TypeScript 提供两种组织代码的方式:命名空间和模块。 此学习模块介绍了 TypeScript 中的模块(在以前的版本中称为外部模块)。

TypeScript 提供两种组织代码的方式 - 命名空间和模块。 本模块说明了如何使用命名空间来组织 TypeScript 代码。