Typescript介绍
Typescript是 JavaScript 的超集
- 支持 JavaScript的所有语法
// test.ts
let uname = 'lemon' // 等同于let uname: string = 'lemon'
-
在JavaScript 的语法基础上进行扩展
- 添加了可选的静态类型
- 一些额外的功能 ，如接口，泛型，装饰器
- ...
-
通过类型注解，提供编译时的静态类型检查
// test.ts
let uname: string = 'lemon'
uname()
// 编译时，ts编译器会进行静态类型检查，判断uname类型为string，不能被作为函数调用。如下图：
Typescript代码编译
偷懒方式：使用typescript官网的在线编译工具：www.tslang.cn/play/index.…。
本地方式：
- 安装npm（通过Node.js包管理器）
- 全局安装TypeScript
npm install -g typescript
- 建立.ts后缀的文件，随意写入一些javascript代码。例如：
// test.ts
let a: number = 10;
- 在该目录下，打开命令行，运行TypeScript编译器：
// cmd或者powershell
tsc test.ts
若想监听ts文件，自动编译。可以配置编译选项--watch，即将命令改成tsc test.ts --watch
- 该ts文件的相同目录下，将会编译生成一个js文件。例如：
// test.js
var a = 10;
可能存在的问题： 编译后，ts文件与js文件在同一目录下，编辑器检查时发现变量
a在js文件中已经全局声明了，ts文件中let a: number = 10则会报重复声明的错误。解决方式：在该目录下，打开命令行，输入
tsc --init生成tsconfig.json配置文件。
- 生成
tsconfig.json文件后，可以在其同一目录下的命令行执行tsc --watch，这样即可实时编译该文件夹下的所有ts文件- 先用着，后面章节讲解
辛勤的前端园丁，立志于把每个知识点嚼碎了喂你嘴里!
