欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Typescript 类型

程序员文章站 2022-03-05 09:10:59
...

1.布尔类型

let bool: boolean = true;
bool = false; // 正确
bool = 123; //错误 因为是 boolean 类型

2.数字类型

let num: number = 123;
num = 234; //正确

3.字符串类型

let str: string = '123';
str = '234'; //正确

4.数组类型

let arr: number[] = [123,456,789]; //数组类型定义方式一
let arr1: Array<number> = [123,456,789]; //数组类型定义方式二
let arr2: any[] = [123,'456',789]; //数组类型定义方式三,这种表示任意类型数组
let arr3: string[] = ['123','456','789']; //数组其他类型方式

5.元组类型

let arr: [string,number] = ['123',456]; //元祖类型,只能一一对应类型
let arr: [string,number] = [123,456]; //错误,第一个必须是字符串类型

6.枚举类型( 特定的值表示特定的状态 )

//枚举类型,表示状态,可以指定颜色值等
enum Err {
  "successNumber" = 1, //可以是字符串,也可以是变量,类似json
  errorNumber = 0,
  endNumber
}
let result: Err = Err.successNumber;
console.log(result);

7.任意类型 any(一般用于dom的操作)

let arr: any;
arr = 234;
arr = [1, 2, 3];
console.log(arr); //这种一般不用,any主要用于dom数据
let dom: any = document.getElementById("aa");
dom.style.color = "#ffae00"; //正确,不用any会报错

8. null 和 undefined (never类型的子类型)

let c: undefined=undefined;
let c: undefined;
console.log(c);
let n: number;
console.log(n); //这个会报错
let d: null =null;
console.log(d);

9.void类型,一般用于函数,表示没有返回值,当然不写类型也不报错

function f1() {
  //不写类型函数
  return 1;
}
console.log(f1());
function f2(): number {
  //number类型函数
  return 1;
}
console.log(f2());
function f3(): void {
  //无返回值类型函数
  console.log(0);
}
f3();

10.混合类型

let a: number | undefined | null;
a = null;
console.log(a);

11.never类型,也叫其它类型

let b: never; //其他类型
b = 123; //报错
b = null; //报错
b = (() => {
  throw new Error('错误')
})(); //正确 ,其他类型

 

相关标签: typescript