TypeScript学习（一）环境安装及基础类型

TypeScript学习（一）环境安装及基础类型

安装

npm方式

npm i -g typescript

或者yarn

yarn add typescript -g

检查是否安装成功

tsc --version

如果出现TypeScript版本号，则说明已经安装成功，否则失败

配置

在编辑器中，新建.ts文件是不能被浏览器执行的，需要先编译成.js文件

手动编译

tsc （文件名）

自动编译

配置编辑器(Vscode)

初始化，生成配置文件tsconfig.json

tsc --init

修改配置文件

配置编辑器

终端->运行任务->TypeScript->监视

---

基础数据类型

boolean

let flag:boolean = false //只能是true或false

number

let num:number = 23
let num2:number = 12.02

string

let str:string='1233'

数组

// 1.普通方式
// 定义数字类型数组
let arr:number[]=[1,2.3]
// 定义字符串类型数组
let arr2:string[]=["js","java"]

// 2.泛型
// 定义数字类型数组
let arr3:Array<number>=[123,5,6]
console.log(arr3)
// 定义字符串类型数组
let arr4:Array<string>=["js","java"]

//3.any
let arr5:any[]=[123,"1233"]

元组

规定数组的每个元素类型

let arr5:[string,number,string]=["1",2,"s"]

枚举

enum flag {
    success=1,
    error=-1
}
// console.log(flag.success) //输出1
// console.log(flag.error) //输出-1
//其他情况
enum color{
    red,blue,green
}

console.log(color.red);//输出0

//以上一个值为起点+1
enum color2{
    red,blue=4,green
}

console.log(color.green);//输出5

任意类型

与js中比较相似

let a:any="1233"
a=123
a=false
a=null
a=undefined
a={
    a:0,
    b:"123"
}
a=['123',123]

never

//null和undefined
let b:number
console.log(b);//报错，定义必须赋值

let b:number|undefined|null
console.log(b);
let c:never
c=(()=>{
    throw new Error('错误');
})()

void

用于定义函数没有返回值

let test= ():void=>{
    console.log("没有返回值")
}
test()