Typescript介绍安装及基本数据类型

一、Typescript介绍

1、TypeScript是由微软开发的一款开源的编程语言。

2、TypeScript 是 Javascript 的超集，遵循最新的ES6、Es5规范。TypeScript扩展了JavaScript的语法。

3、TypeScript更像后端java、C#这样的面向对象语言，可以让js开发大型企业项目。

4、谷歌也在大力支持Typescript的推广，谷歌的 angular2.x+就是基于Typescript语法。

5、最新的vue . React 也可以集成TypeScript。

6、Nodejs框架 Nestjs、midway 中用的就是TypeScript 语法。

二、Typescript安装、编译

• 使用npm或cnpm安装

npm install -g typescript
cnpm install -g typescript

• 使用yarn源安装

yarn global add typescript

• 运行

tsc helloworld.js

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装yarn

npm install -g yarn

三、typescript数据类型

• 布尔类型

//(boolean) true false
var flag:boolean=true

• 数字类型

//(number) 1 1.31
var a:number=123
console.log(a)
a = 12.3
console.log(a)

• 字符串类型

var str:string="this is ts"
str = "你好ts"
console.log(str)

• 数组类型

// 第一种定义数组的方式
let arr:number[]=[1,23,45,645]
console.log(arr)
let arr:string[]=["php","python","html"]
console.log(arr)
// 第二种定义数组的方式
let arr:Array<number>=[12,312,543,564,312]
console.log(arr)
//第三种定义数组的方式
let arr:any[]=[12,true,"str"]
console.log(arr)

• 元组类型

let arr:[string,number,boolean]=["ts",12,true]
console.log(arr)

• 枚举类型

//赋值
enum Flag {success=1,error=-1}
var f:Flag=Flag.success
console.log(f) //打印出值
//不赋值
enum Color {red,blue,orange}
var c:Color=Color.blue
console.log(c) //打印出索引值

• 任意类型

var num:any=123 
num = true
console.log(num)

• void类型

//用于没有返回值的方法
function run():void{
	console.log('run')
}

• never类型

//定义没赋值 null和undefined
var num:number| null| undefined
console.log(num)