这么久了还不没好好学习哈这么火的ts,边学边练边记吧！

 

　　啥子是TypeScript

 

　　TypeScript是JavaScript的一个超集，支持es6标准。

 

　　TypeScript由微软开发的自由和开源的编程语言。

 

　　TypeScript设计目标是开发大型应用，它可以编译成纯JavaScript，编译出来的JavaScript可以运行在任何浏览器上。

 

　　语言特性

 

　　TypeScript是一种给JavaScript添加特性的语言扩展。增加的功能包括：

 

　　类型批注和编译时类型检查

 

　　类型推断

 

　　类型擦除

 

　　接口

 

　　枚举

 

　　Mixin

 

　　泛型编程

 

　　名字空间

 

　　元组

 

　　Await

 

　　以下功能是从ECMA2015反向移植而来：

 

　　类

 

　　模块

 

　　lambda函数的箭头语法

 

　　可选参数以及默认参数

 

　　额。。。。反正直接看，大部分都不太懂事什么玩意儿。。。，肯定是重点就是了，so继续看吧！

 

　　JavaScript与TypeScript的区别

 

　　TypeScript是JavaScript的超集，扩展了JavaScript的语法，因此现有的JavaScript代码可与TypeScript一起工作无需任何修改，TypeScript通过类型注解提供编译时的静态类型检查。

 

　　TypeScript可处理已有的JavaScript代码，并只对其中的TypeScript代码进行编译。

 

　　TypeScript安装

 

　　噼里啪啦。。。老一套

 

　　npminstall-gtypescript

 

　　$tsc-v

 

　　Version3.3.3333

 

　　然后我们新建一个test.ts的文件，代码如下：

 

　　varmessage:string="HelloWorld"

 

　　console.log(message)

 

　　通常我们使用.ts作为TypeScript代码文件的扩展名。

 

　　然后执行以下命令将TypeScript转换为JavaScript代码：

 

　　tsctest.ts

 

　　这时候再当前目录下（与test.ts同一目录）就会生成一个test.js文件，代码如下：

 

　　varmessage="HelloWorld";

 

　　console.log(message);

 

　　使用node命令来执行test.js文件：

 

　　$nodetest.js

 

　　HelloWorld

 

　　TypeScript转换为JavaScript过程如下图：

 

　　看到这，明显:string肯定就是传说中的限制了类型，把我们的弱类型javascript搞成强类型了，来来来自己试一下：

 

　　varmessage:string=222;

 

　　console.log(message);

 

　　所谓时间是检验真理的唯一标准，果不其然

 

　　提示还是很到位的，明说了，这类型不是“string”,不能转；gogogo继续

 

　　TypeScript基础语法

 

　　TypeScript程序由以下几个部分组成：

 

　　模块

 

　　函数

 

　　变量

 

　　语句和表达式

 

　　注释

 

　　第一个TypeScript程序

 

　　刚才写过了，多补充一个：同时编译多个ts文件：

 

　　tscfile1.ts,file2.ts,file3.ts