初学TypeScript02(基本数据类型)

187 阅读2分钟

1.布尔型

var onOff:boolean = true

2.字符串类型

var str:string = 'str'

3.数字类型

var num:num = 123

4.数组类型

数组类型有3种书写方式

var arr:string[] = ['str','java','php']
var arr:Array<num> = [1,2,3]
var arr:any[] = ['str',true,123]

5.元组类型

元组类型是数组的一种,规定了每一项数组的类型

var arr:[num,string,boolean] = [123,'str',false]

6.枚举类型

enum Answer {success=1,fail=0}
var a:Answer=Answer.success
console.log(a) // 输出1

当没有定义值时 返回的是索引值

enum color {blue,red,yellow}
var a:color=color.blue
console.log(a) // 输出0

当前面的有值 后面索引会发生根据前面而定

enum color {blue,red=3,yellow}
var a:color=color.yellow
console.log(a) // 输出4

7.任意类型

任意类型 比如获取的dom元素实际上是一个object 但是 typescript当中有没有这个类型 书写会导致系统报错 所以后缀加上any 就不会报错

var arr:any = 123
var arr:any = 'str'
var arr:any = true
var dom:any = document.getElementById('id')
dom.style.color="#fff" // 这个例子定义string num 都会报错 所以anyjiubuhui

8.null 和 undefined 类型

这俩种类型一般用于定义未赋值变量 但是一旦定义了 null或者undefined 再赋值 num string 就会报错所以可以做一下处理

var num:null | num;
var str:undefined | string;

9.void类型

  • void类型指的是函数未返回也就是没有return
  • void类型的变量值是有限制的,只能是undefined和null
  • void类型是any类型的子类型,是null和undefined类型的父类型。
function a():void{
console.log('111')
}

function a():num{
 return 111
}

let a: void = null;
let b: void = undefined;

9.never类型

never 类型代表从来不会出现的值的类型. 特别的, never 可以是永远不返回的函数的返回值类型 教学中说很少遇到 这里就不说明了 简单举个例子

function error(message: string): never {
    throw new Error(message);
}