前端修炼小册

TypeScript

# TypeScript

什么是 TypeScript（What）？

TypeScript 是 JavaScript 的超集，它不仅包含了 JavaScript 当前主流的 ES5 标准，还包含了 ES6/7/8 等未来的标准以及一些处于实验阶段的语法（例如 decorator 装饰器）。

所以对于 TypeScript 的学习，也分为了三个递进的部分：

  • 为 JS 代码添加类型与类型检查来确保健壮性
  • 使用新语法或新特性来让代码更优雅
  • 最终实现工程化

为什么要使用 TypeScript（Why）？

TypeScript 强类型的特点可以带来一些好处，它能够：

  • 规范我们的代码
  • 代码编译阶段就能及时发现错误

如何使用 TypeScript（How）？

TypeScript 的命令行工具安装方法如下：

npm install -g typescript
1

以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。

TypeScript 无法直接在浏览器中运行，所以我们需要将它编译为 JavaScript，编译一个 TypeScript 文件很简单：

tsc hello.ts
1

执行完上述命令后，会在当前目录生成一个 hello.js 文件，然后就可以使用命令 node hello.js 来执行该文件。

如果只是想拥有一个简单的环境，能写 TypeScript，能检查错误，能快速地调整 tsconfig，可以使用官方提供的一个在线开发 TypeScript 的云环境 —— Playground：

我们约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。

关于 TypeScript 的知识点，主要参考：