Typescript 的数据类型介绍

Typescript 的数据类型介绍

Typescript 中为了使编写的代码更规范，更有利于维护，增加了类型校验

 

布尔类型（boolean）

var flag:boolean = true

  如果给布尔类型赋值字符串，编译会报错

 

 

 

数字类型（number）

var num:number = 123
num = 12.3

  数字类型包含 整数 和 浮点 型

字符串类型（string）

var str:string = "123"

数组类型（array）

ts 中定义数组有两种方式：

1.

let arr:number[] = [1,2,345]
let arr:string[] = ['aaa','bbb','cc']

2. 

let arr2:Array<number> = [11,22,33]

let arr2:Array<string> = ['aaa','bbb','cc']

元组类型（tuple） 属于数组的一种

let arr3:[string,number,boolean] = ['111',2222,true]

枚举类型（enum）

enum Flag {success=1, error=-1}
let f:Flag = Flag.success

  enum Color {red,orange,blue=5,yellow,green=120,purple}

  let o:Color = Color.orange

  let y:Color = Color.yellow

  let p:Color = Color.purple

  console.log(o,y,p) // 1  6  121

任意类型（any）

在对 DOM 节点进行操作的时候，就需要用到 any

  let box:any = document.getElementById("box")

  box.style.color = 'red'

 

 

 

 

null 和 undefined

 

 

 

 

  var num:number;
  console.log(num) // 报错，并输出 undefined


  var num1:undefined
  console.log(num1) // 不报错，输出 undefined
 


  // 定义没有赋值就是 undefined
  let num:number | undefined 
  console.log(num) // undefined
  num = 212
  console.log(num) // 212

var num:null;
num = 123; // 定义为 null 就只能赋值为 null
num = null; // 不报错

 

// 一个元素可能是 number 类型，可能是 null 可能是 undefined
var num:number | null | undefined
num = 123
num = null
num = undefined

 

void 类型

  function run():void {

      console.log(123)

  }

  这样写是正确的，方法没有返回任何类型

 

  function run():number {

      console.log(123)

      return 123

  }

  如果函数返回值是 number ,那么必须 return 一个 number ，否则会报错

 

never 类型

是其他类型（包括 null 和 undefined ）的子类型，代表从不会出现 的值。这意味着声明 never 的变量只能被 never 类型所赋值。