0)前言知识
Typescript定义
拥有类型系统的javascript的超集,可以编译成普通的javascript。
强类型语言 VS 弱类型语言
强类型语言:不允许改变变量的数据类型,除非进行强制类型转换。
若类型语言:允许改变变量的数据类型。
静态类型语言 VS 动态类型语言
静态类型语言:在 编译阶段 确定所有变量的类型。
动态类型语言:在 执行阶段 确定所有变量的类型。
JS就是动态弱类型语言。
静态类型语言 | 动态类型语言 |
---|---|
对类型极度严格 | 对类型非常宽松 |
立即发现错误 | Bug可能隐藏数月甚至数年 |
运行时性能好 | 运行时性能差 |
自动化 | 可读性差 |
0)基础
安装(mac环境)
// 全局安装typescript
sudo npm install -g typescript
// 由于是全局安装,所以可以使用tsc命令
// 查看typescript版本
bobby@MacBook-Pro liexing.com % tsc -V
Version 4.1.3
TS为什么要编译成JS?
浏览器只识别js,不能识别ts,而且编译成es5的js。
如何把TS编程成JS?
编译语法(单个文件)
tsc
filename.ts
// index.ts
const fn = ()=>"hello word";
// 编译
tsc index.ts
// index.js 编译后的文件
var fn = function () { return "hello word"; };