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('错误')
})(); //正确 ,其他类型