乐趣区

关于typescript:TypeScript介绍与安装

本节咱们来学习 TypeScript 语言。TypeScript 看名字就和 JavaScript 很像,事实上它们两者也的确有关联。TypeScriptJavaScript 的超集,它对 JavaScript 进行了一些标准和补充。

TypeScript 介绍

  • TypeScript 能够编译成纯 JavaScript,编译进去的 JavaScript 能够在任何游览器上运行。
  • TypeScript 能够在任何浏览器,任何计算机和任何操作系统上运行,而且它是开源的。
  • TypeScript 扩大了 JavaScript 的语法,所以任何现有的 JavaScript 程序能够运行在 TypeScript 环境中。
  • TypeScript 起源于应用 JavaScript 开发的大型项目,因为 JavaScript 语言自身的局限性,难以胜任和保护大型项目开发。因而微软开发了 TypeScript,使得其可能胜任开发大型项目。

什么是超集?

下面咱们说 TypeScriptJavaScript 的超集。那什么是超集呢?

超集的定义:如果一个汇合 S2 中的每一个元素都在汇合 S1 中,且汇合 S1 中可能蕴含 S2 中没有的元素,则汇合 S1 就是 S2 的一个超集。

这也就是说,JavaScript 的所有性能 TypeScript 里都有,但 TypeScript 里的性能 JavaScript 就未必有,毕竟 TypeScript 扩大晋升了 JavaScript 的编写体验,例如:动态类型查看 JavaScript 就没有,而依赖 TypeScript 就能够很不便进行动态类型查看,所以 TypeScriptJavaScript 的超集。且 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 CodeSublime Text 2WebStormEclipse 等。而后我抉择的是 Visual Studio Code,所以首先咱们须要下载安装 Visual Studio Code,如果你电脑上有就不须要重新安装了。

Visual Studio Code 下载地址:https://code.visualstudio.com/。

下载后依据提醒装置即可,装置实现后,关上 Visual Studio Code 软件,而后找到利用商店:

在搜寻框中输出 TypeScript,点击绿色的装置按钮,即可装置 TypeScript 插件,如下图所示(下图是曾经装置好了插件,绿色按钮就会隐没):

此时筹备工作差不多实现了,下一节咱们开始学习 Typescript 的应用。

退出移动版