大势所趋,空闲时间学习一下。
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