Typescript简单介绍及其开发环境的搭建

1.Typescript是什么？

• 以Javascript为基础构建的语言，Javascript有的，TypeScript都有。
• TypeScript 扩展了Javascript，并添加了类型。
• TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。
• TypeScript 由微软开发的自由和开源的编程语言。
• TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，可以在任何支持Javascript的平台中执行。
• 虽然TypeScript可以在任何支持Javascript的平台中执行，但TS不能被JS解析器直接执行。需要编译。

TypeScript 与 Javascript两者之间的区别：

• TS可以在编译期间发现并纠正错误；JS作为一种解释型语言，只能在运行时发现错误
• TS 为强类型，支持静态和动态类型；JS为弱类型，没有静态类型选项
• TS支持模块、泛型和接口；JS不支持模块、泛型或接口
• TS支持 ES3，ES4，ES5 和 ES6+功能；JS不支持编译其他 ES3，ES4，ES5 或 ES6+ 功能
• ......

某某平台搬过来的图片

 

在我们学习并且写JS的时候，发现其比较简单，是因为JS比较偏向于底层的，代码量小，但是当工程量比较大的时候，某些情况下，维护起来就格外的难，并且有好多危险的漏洞，在测试的时候难以发现：

                我们写一个： let a =100, a为一个数值型，现在我们有将true复制给a ：a = true;

       a又成了一个布尔型，可见，对a是没有规定其类型的，同理，JS中声明一个函数，

       fun( a, b ),对参数也是没有圈定其类型的。

        Typescript 的type是类型的问题，TypeScript 是一种给 JavaScript 添加特性的语言扩展。

增加了一系列功能：

1. 类型批注和编译时类型检查
2. 类型推断
3. 类型擦除
4. 接口
5. 枚举
6. Mixin
7. 泛型编程
8. 名字空间
9. 元组
10. Await
11. .........

2.环境搭建

1.下载Node.js （建议使用长期支持版本，也就是稳定版）

Node.js中文网http://nodejs.cn/2.安装Node.js (下一步...下一步......下一步....安装完成)

3.使用npm 全局安装typescript

npm i -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码。

比如检查版本号：

 tsc -v

或者用npm也可以检查：

npm view typescript version

实际操作： 

检查版本：

现在，我们写一个ts文件，然后执行以下命令将 TypeScript 转换为 JavaScript 代码。

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

写一个文本文档，后缀改为 .ts

 可以用你常用的编辑器来打开，先写一个简单的代码，保存。

 

在所在目录打开cmd 

 执行命令  tsc  + 文件名 ，我这里是 tsc 01.ts

 

随后，就可以看到目录下已经编译成了ts文件了：

 

        当然，在实际的开发中，所用的编译工具可以安装插件来进行TS的编译，Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等很多 IDE 都有支持 TypeScript 插件。

        学习TypeScript 是一个相对较漫长的过程，毕竟从代码量上看JavaScript似乎简单得多，但是，TypeScript熟练之后会越用越嗨，微软整出这个TypeScript是真心值的称赞的好事，弥补了JavaScript的不足，TypeScript能不能将来替换TypeScript ？恐怕很遥远，前端离不开JavaScript，其早已根深蒂固。这不是要说TypeScript不那么重要，回到文章开头：它是以Javascript为基础构建的语言。

        如有错误，欢迎批评指正！