0)前言知识

Typescript定义

拥有类型系统的javascript的超集,可以编译成普通的javascript。

强类型语言 VS 弱类型语言

强类型语言:不允许改变变量的数据类型,除非进行强制类型转换。
若类型语言:允许改变变量的数据类型。

静态类型语言 VS 动态类型语言

静态类型语言:在 编译阶段 确定所有变量的类型。

动态类型语言:在 执行阶段 确定所有变量的类型。

JS就是动态弱类型语言。

静态类型语言 动态类型语言
对类型极度严格 对类型非常宽松
立即发现错误 Bug可能隐藏数月甚至数年
运行时性能好 运行时性能差
自动化 可读性差

0)基础

安装(mac环境)

  1. // 全局安装typescript
  2. sudo npm install -g typescript
  3. // 由于是全局安装,所以可以使用tsc命令
  4. // 查看typescript版本
  5. bobby@MacBook-Pro liexing.com % tsc -V
  6. Version 4.1.3

TS为什么要编译成JS?

浏览器只识别js,不能识别ts,而且编译成es5的js。

如何把TS编程成JS?

全局安装typescript

编译语法(单个文件)

tsc filename.ts

  1. // index.ts
  2. const fn = ()=>"hello word";
  3. // 编译
  4. tsc index.ts
  5. // index.js 编译后的文件
  6. var fn = function () { return "hello word"; };