一、Typescript是什么?
Typescript是JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。
其实TypeScript就是相当于JavaScript的增强版,但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。
二、Typescript和Javascript的对比?
1、TypeScript是一个应用程序级的JavaScript开发语言。(这也表示TypeScript比较牛逼,可以开发大型应用,或者说更适合开发大型应用)
2、TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是有好生成原生的JavaScript语言。
3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
4、TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义,所以对于我们前端从业者来说,学习前来得心应手,并没有太大的难度。
5、TypeScript可以重用JavaScript代码,调用流行的JavaScript库。
6、TypeScript提供了类、模块和接口,更易于构建组件和维护。
三、安装Typescript包
Tip:安装node
1、安装typescript包:
sudo npm install typescript -g // (mac需要添加sudo,window则不需要)
tsc -v // 查看版本号
2、编写hello world
(1)初始化项目
npm init -y
(2) typescript配置文件
tsc --init
(3)安装@type/node(解决模块声明问题)
npm install @types/node --dev-save
(4)创建编写HelloWorld.ts文件
touch HelloWorld.ts
var a:string = 'HelloWorld'
console.log(a)
(5)将HelloWorld.ts转换为HelloWorld.js,并运行
tsc HelloWorld.ts // 将ts装换为js文件
node HelloWorld.js // 运行HelloWorld.js
HelloWorld // 终端打印结果
3、ts转换为js的过程