typescript安装编译运行

1. 安装全局的typescript，npm install -g typescript(只需要安装一次)
2. 编译
   方式一：

根目录下执行 tsc index.ts( index.ts为要转换为js的文件)，此时可以看到文件下多了一个index.js的文件

方式二：vscode下编译

1.根目录下运行tsc --init创建tsconfig.json文件
2.点击菜单 任务-运行任务 点击tsc:监视-tsconfig.json 然后就可以自动生成代码
3.下图中红框代码需要打开 后边路径为要保存的位置

image.png

数据类型

TS中为了使编写代码更规范，更有利于维护，增加了类型校验，在Typescript中主要给我们提供了以下数据类型

image.png

布尔类型：

image.png

数字类型

image.png

字符串类型

image.png

数组类型

第一种定义方式：

错误方式：

image.png

正确方式：

image.png

第二种定义方式

var a:Array<number> = [0, 8]

元组类型

元组类型可以给数组中每一个位置指定一个类型

// 元组类型可以给数组中每一个位置指定一个类型
var array:[number,string] = [1,'23']

枚举法

image.png

常用语状态的获取

// 枚举法
enum Flag{success=1,fail=2}
let f:Flag=Flag.fail
console.log(f) // 2
// 如果标识符没有赋值则打印出他的下标
enum Color { red, blue, 'orange' }
let c:Color=Color.orange
console.log(c) // 2

任意类型

类似于ES5中的不指定类型

// 任意类型
var any:any
any = '222'
any = 222
any = false
console.log(any) // false

null 和undefined

// 写法一报错：
// var un:number
// console.log(un) // 报错
// 写法二
var un:undefined
console.log(un) // 输出undefined  

// null类型
 var un:null

image.png

void类型

表示没有任何类型，一般用于定义方法的时候方法没有返回值

// ES5写法
function run() {
    console.log('run')
}
run() // run

function run1():number{
    return 1
}


let runR = run1()
console.log(runR) // 1

function run2():void{
    console.log('run')
}
run2() // run

never类型

image.png

未完