TypeScript

  长时间自学可算是入职了,不过公司的技术栈和之前学的区别有点大,React+TS,所以就不得不看看TS的一些东西了

  用一篇随笔来记录所有自己学习TS的过程

 

学习前准备

安装

  保证有node.js,然后npm install -g typescript,等一会儿就行

  如果报错而且是权限问题,mac用sudo npm install -g typescript,windows用管理员模式打开cmd安装即可

  可以用tsc -v检查typescript的版本号,有的话说明安装成功,或者去你安装node的文件夹里看看node_global\node_modules路径下有没有typescript

  

 

编译

  ts的本质还是js,不过二者还是有区别的,类似于ES6用babel编译成ES5,也可以用ts里自带的tsc把ts编译成js

  例如如下的ts代码

  

  在该目录下对这个文件用tsc 文件名来编译,会得到该ts文件编译后的一个js文件

  

  可以发现let声明变化成了var,然后可以用node 文件名来在node中运行一下这个js(当然也可以运行ts)

  

 

基础

类型声明

  js是一个弱类型的语言,也就是说声明一个变量的时候,不必管其具体的类型,而且也可以随意修改类型,而ts则对这一点做出了修改

  ts用变量名:类型的方法声明变量类型,如果不符合则报错

案例

  greeter函数内部person参数类型为string,而传入的user类型为array,编译时报错

  另外IDE里面也会对错误提醒

  

  

  不过即使这样,node.js还是会成功地把ts编译成js

 

接口

  ts里可以用interface声明一个对象,里面有几个属性,之后如果创建这个接口实例,实例中的属性必须和interface声明的接口完全一致,否则报错

案例

  这里声明了Person这个接口,包括firstNamelastName两个属性(当然还有属性校验),之后传入的参数user这个对象的属性和接口一致,因此编译不报错

  

  这里编译成功后正常输出

  

  如果编译失败会报错:Property is missing

  

posted @ 2019-11-15 22:53  且听风吟720  阅读(154)  评论(0编辑  收藏  举报