重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
一、TypeScript和JavaScript的对比
1、JavaScript:客户端脚本语言;TypeScript:应用程序级的JavaScript开发语言
2、TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是又生成原生的JavaScript语言。
3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript,所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
4、TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义。
5、TypeScript可以重用JavaScript代码,调用流行的JavaScript库,如echarts
6、TypeScript提供了类、模块和接口,更易于构建组件和维护。
巴马网站建设公司创新互联,巴马网站设计制作,有大型网站制作公司丰富经验。已为巴马上千余家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的巴马做网站的公司定做!
二、开发环境的安装
1.安装Node.js
2.安装TypeScript包
npm install typescript -g
tsc --version
3.编写HelloWorld程序
//编写HelloWorld.ts文件,然后进行保存,代码如下。
var a:string = "HelloWorld"
console.log(a)
【注】TypeScript 中,使用 : 指定变量的类型,: 的前后有没有空格都可以。
三、变量类型的那些事
1、概览:
TypeScript是强类型的语言,也就是说,在声明变量的时候,我们必须给他一个类型。比如:字符串、数字、布尔,枚举等等,使用 : 指定变量的类型
TypeScript中的数据类型有:原始数据类型(Primitive data types)和对象类型(Object types)
原始数据类型包括:布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol。
Undefined :undefined,变量定义但是没有赋值
Number:数值类型;
string : 字符串类型;
Boolean: 布尔类型;只有两种值,true和false,什么0 null在js里面可以转为false的,在ts里面都不存在
enum:枚举类型;这个世界有很多值是多个并且是固定的,比如一年四季春夏秋冬
var REN{ nan='男',nv='女' }; 变量名大写
any : 任意类型,一个牛X的类型;
void:空类型;
Array : 数组类型;
Tuple : 元祖类型;
Null :空类型。
四、TypeScript的函数