TS 学习 - 1

1. typescript是什么？

• TS是有微软开发的一款开源的编程语言
• TS是JS的超集，遵循最新的ES5、ES6规范，TS扩展了JS的语法
• TS更像后端Java/C#这样的面向对象语言可以让JS开发大型企业应用
• 越来越多的项目基于TS的，比如VSCode、Angela6、Vue3、React16
• TS提供的类型系统可以帮助我们在写代码的时候提供更丰富的语法提示
• 在创建前端的编译阶段经过类型系统的检查，就可以避免很多线上的错误

2. 为什么要使用TS

• 类型的定义，和编译器的代码校验，可使js代码更加规范，更具可读性，更容易排查错误
• TS是JS的超集和延伸，TS可使用JS的库和代码
• TS兼容性强，支持ES678

3. TS 的安装和编译

1. npm install typescript -g
2. 检查是否安装成功：tsc --version
3. 创建个项目 npm init -y
4. 执行命令tsc --init，在根目录建立一个配置文件 tsconfig.json
5. 执行编译 tsc
6. vscode 运行

• Terminal -> Run Task -> tsc:build 编译
• Terminal -> Run Task -> tsc:watch 编译并监听
  自动根据 .ts，编译生产 .js 文件

7. 脚本 运行 （npm script）

• npm run 实际上是调用本地的 Shall 来执行对应的 script value，所以理论上能兼容说有 bash 命令
• Shell 在类 Unix 系统上是 /bin/hs,在 Windows 上是 cmd.exe

我们可以在 package.json 文件的 "scripts" 对象里编写:
js "scripts": { "build": "tsc", "build:watch": "tsc --watch", },

8. npm scripts 的 PATH

• npm run 会预置PATH，对应包下的 node_modules/.bin 目录

9. 如果指向单纯的运行一个 ts 文件，可以安装依赖 npm i ts-node -g，然后运行 ts-node src/index.ts，路径正确就可以。

4. 数据类型

详情

5. 函数

详情

6. 类

详情

7. 接口

详情

8. 泛型

详情

9. 结构类型系统

详情

9. 结构类型系统

详情

10. 类型保护

详情

11. 类型变换

详情

12. 模块 VS 命名空间

详情

13. 类型声明

详情

其它问题：

1. 什么时候用 interface，什么时候用 type，还有 class，三者一般都在什么时候用？？

interface 是定义接口类型的，它是真实的类型，也可能会被导出和导入
type 只是临时用的别名，并不会产出真实的类型（需要操作、加工其它类型的时候使用）
class 就是定义类 new xxx