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

 

上一篇:JS,CSS联动


下一篇:DOM 元素的增删改