TypeScript简介
中文网地址:TypeScript 中文手册
TypeScript是微软开发的开源编程语言,可以在任何运行JavaScript的地方运行。
TypeScript(简称:TS)是JavaScript的超集(JS有的TS都有)。
TypeScript = Type + JavaScript(在JS基础之上,为JS添加了类型支持)。
-
TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。
-
它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。
-
TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。
-
TS完全兼容JS,换言之,任何的ts代码都可以直接当成JS使用。
-
相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功能,TS的代码量要大于JS,但由于TS的代码结构更加清晰,变量类型更加明确,在后期代码的维护中TS却远远胜于JS。
TypeScript 开发环境搭建
因为开发中ts语言是无法被浏览器直接解析识别的,需要通过编译解析成js才能运行,需要搭建以下环境来编译解析ts代码文件(TS==>JS)
-
下载Node.js(node已安装的无需再次安装)
-
安装Node.js
-
安装编译TS的工具包,使用npm全局安装typescript:
-
进入命令行
-
输入:npm i -g typescript
-
查看ts安装版本:tsc -V
-
-
创建一个ts文件
-
TS语法提示插件(vscode)
-
TypeScript Hero TS
-
-
使用tsc对ts文件进行编译
-
进入命令行
-
进入ts文件所在目录
-
执行命令:tsc xxx.ts
-
-
简化运行TS的步骤:
-
问题描述:每次修改代码后,都要重复执行两个命令,才能运行TS代码,太繁琐。
-
简化方式: 使用 ts-node包,直接在 Nodejs 中执行TS代码。
-
安装命令: npm i -g ts-node // (ts-node 包提供了 ts-node 命令)
-
使用方式: ts-node hello.ts
-
解释: ts-node命令在内部偷偷的将TS->JS,然后,再运行JS代码
-
-
解决vscode无法直接编译ts问题