1 什么是 TypeScript

TypeScript 是 JavaScript 的一个超集,主要提供了类型系统对 ES6 的支持,它由微软开发并开源发布在 Github 上。

2 使用 TypeScript

使用 TypeScript 语法编写的文件后缀为 .ts ,它并不能直接运行(或在 浏览器/Node 下运行),而是需要通过编译器,将 TypeScript 语法编译为普通 JavaScript 语法编写的 .js 文件,在编译时对类型进行静态检查,如果发现错误就会抛出异常(即使抛出异常,仍然会产生编译后的 .js 文件,除非在 tsconfig.json 中设置 noEmitOnError ),编译后的 .js 文件在运行时不再自动进行类型检查

示例:

  1. // sayHello.ts
  2. function sayHello(name: string) {
  3. console.log('Hello, '+ name);
  4. }
  5. sayHello(1); // 类型“number”的参数不能赋给类型“string”的参数。
  6. sayHello('Tom'); // OK

全局安装 TypeScript 命令行工具 npm i -g typescript 后,在命令后输入 tsc sayHello.ts 进行编译,会抛出异常
sayHello.ts:4:10 - error TS2345: Argument of type 'number' is not assignable to parameter of type 'string'.
但仍然输出了 sayHello.js 文件

  1. // sayHello.js
  2. function sayHello(name) {
  3. console.log('Hello, ' + name);
  4. }
  5. sayHello(1); // 类型“number”的参数不能赋给类型“string”的参数。
  6. sayHello('Tom'); // OK

且运行不会报错,如果想要运行时也对变量进行类型检查,就需要手动实现,如 typeof 等。

3. 生成配置文件

  1. tsc --init