本节咱们来学习 TypeScript
语言。TypeScript
看名字就和 JavaScript
很像,事实上它们两者也的确有关联。TypeScript
是 JavaScript
的超集,它对 JavaScript
进行了一些标准和补充。
TypeScript 介绍
TypeScript
能够编译成纯JavaScript
,编译进去的JavaScript
能够在任何游览器上运行。TypeScript
能够在任何浏览器,任何计算机和任何操作系统上运行,而且它是开源的。TypeScript
扩大了JavaScript
的语法,所以任何现有的JavaScript
程序能够运行在TypeScript
环境中。TypeScript
起源于应用JavaScript
开发的大型项目,因为JavaScript
语言自身的局限性,难以胜任和保护大型项目开发。因而微软开发了TypeScript
,使得其可能胜任开发大型项目。
什么是超集?
下面咱们说 TypeScript
是 JavaScript
的超集。那什么是超集呢?
超集的定义:如果一个汇合 S2
中的每一个元素都在汇合 S1
中,且汇合 S1
中可能蕴含 S2
中没有的元素,则汇合 S1
就是 S2
的一个超集。
这也就是说,JavaScript
的所有性能 TypeScript
里都有,但 TypeScript
里的性能 JavaScript
就未必有,毕竟 TypeScript
扩大晋升了 JavaScript
的编写体验,例如:动态类型查看 JavaScript
就没有,而依赖 TypeScript
就能够很不便进行动态类型查看,所以 TypeScript
是 JavaScript
的超集。且 TypeScript
编写的代码,最终都能够生成规范的 JavaScript
代码。
TypeScript 的劣势
Typescript
反对ES6
标准的语言,ES6
标准指出将来客户端脚本语言的倒退方向,Typescript
脚本语言的语法会成为将来一段时间客户端语言的支流语法。- 类型检测:在
Typescript
中为变量指定具体类型时,IDE
会做出类型检测,而后通知你这里可能会有谬误,这个个性能够帮忙咱们缩小在开发阶段犯错几率。 - 语法提醒:在
IDE
里编写Typescript
代码时,IDE
会依据你以后的上下文,把你能用的类、变量、办法和关键字都给你提醒进去。间接抉择,这个个性进步开发效率。 - 是
Angular2
框架的开发语言,因而Typescript
有利于咱们学习Angular2
框架。Angular2
是一款开源的JavaScript
库,由谷歌保护,用来帮助繁多页面利用程序运行。
TypeScript 装置
在咱们装置 TypeScript
之前,须要保障曾经装置好了 Node.js
,如果没有装置请先装置好 Node.js
。
装置完 Node.js
之后,就能够开始装置 TypeScript
啦。
如何装置 node.js
Node.js
下载地址:https://nodejs.org/en/download/,大家下载好后依据步骤装置即可。
装置实现后,咱们能够在电脑上关上终端,在终端中输出 node -v
命令,如下图:
如果按下回车后,界面胜利输入版本号则阐明 Node.js
曾经装置胜利,上图示意胜利装置了 v12.16.1
版本的 Node.js
。
如何装置 TypeScript
Node.js
自带 npm
,咱们能够通过 npm
全局装置 TypeScript
,在命令行中输出如下命令:
npm install -g typescript
按下回车键就会主动开始装置,装置实现后,显示如下图所示示意:
其中 -g
示意全局装置,typescript
示意装置的程序名。
如果想要检测装置是否胜利,能够在刚刚的窗口中输出 tsc -v
命令,这样能够查看到 TypeScript
的版本号,下图中显示版本号为 3.8.3
:
Visual Studio Code
咱们要学习 TypeScript
,首先抉择一个适宜本人的 IDE(集成开发环境)。有很多 IDE
都反对 TypeScript
插件,例如 Visual Studio Code
、Sublime Text 2
、WebStorm
、Eclipse
等。而后我抉择的是 Visual Studio Code
,所以首先咱们须要下载安装 Visual Studio Code
,如果你电脑上有就不须要重新安装了。
Visual Studio Code
下载地址:https://code.visualstudio.com/。
下载后依据提醒装置即可,装置实现后,关上 Visual Studio Code
软件,而后找到利用商店:
在搜寻框中输出 TypeScript
,点击绿色的装置按钮,即可装置 TypeScript
插件,如下图所示(下图是曾经装置好了插件,绿色按钮就会隐没):
此时筹备工作差不多实现了,下一节咱们开始学习 Typescript
的应用。