typescript学习入门（学习笔记）

大势所趋，空闲时间学习一下。

TypeScript介绍

---

 

优势：ts的静态检查使得开发者提前发现错误。

注意：不要为了使用TypeScript而用TypeScript，用它的前提一定是需要它帮助我们解决特定的问题。

• 什么是TypeScript？

      TypeScript简称TS

      TS和JS的关系等同于Less/Sass和CSS之间的关系（Less/Sass是对CSS进行扩展，TS也是对JS进行扩展，Less/Sass最终会转换成CSS，TS代码最终也会转换成JS）

      TypeScript是JavaScript的超集，因为它扩展了JavaScript，有JavaScript没有的东西。

 

 

 

• 为什么需要TypeScript？

      JavaScript是弱类型，很多错误只有在运行时才会发现，而TypeScript提供了一套静态检测机制，可以帮助我们在编译时就发现错误。

 

• TypeScript特点？

       支持最新的JavaScript新特性

支持代码静态检查

支持诸如C，C++，java，Go等后端语言中的特性（枚举，泛型，类型转换，命名空间，声明文件，类，接口等）

 

 

 

 

问题：什么情况下需要使用TypeScript?

搭建TypeScript学习环境

• 安装最新版typescript

npm i typescript

• 安装ts-node

npm i -g ts-node

• 创建一个tsconfig.json文件

tsc --init

• 然后新建index.ts，输入相关练习代码，然后执行ts-node index.ts

playground

https://www.typescriptlang.org/zh/play?#code/PTAEiJrQ5+MU3NAYlUAqBPADgUwMoGMBOBLFAF1EBR7QYb9AudUBh-gKBFEE34wejNAAOUCo5QTb9ADeUAXjQbPlAaP6BMxSqAwJUDVcoBiVQGbagAzlEqTLgLFAIW6BFf0CbXoCAGGnTCAKg0D3yoFO5E4CDNQNBygSDlAs56BO00Dw+oH95QBSugYO1AWP-79oUAFpQdkBYOUAseUAWD0B5dUBvuUBVeUAcOUB-SNU5BXRsfCJQVUAGdXtdegCgtkBleUAYrLSlTOJAW+jAVZtANz1AODlAaojALrkJXPzfIvZXQDi5QGlbQFXo4MAYFUqMlVABQEXowHxzQHylQF+A1UBMm0BG710aLAB7ADsAZ2IAQ32AUQAPE4BbFAAbNAA1E-wTgCNH0ABeUAAiAASaHu912oAA6rscPcACZ-HYHQ67R4AOlBAHMABRnK63B7PV54D6PACUenopkAnQ6Ab8VAFBy9lUoEAOASALk9ANHygFwCUCANCNmYAG00A36kcqgmQBhcoBjyMAL2aALE1AM6K-RqgAAo1SAQ-lAPYG2nh9G5gFAAwAESoATNIYgGy5QAXNoApxIagBQ5QAA+oBpzTcVEALqZscgUVSANDlADKugF+EwB6Ov0uLo-EA