typescript值类型赋值约束详解

一、原始数据类型

1.原始Javascript基本数据类型&＃xff08;六种&＃xff09;

number、string、boolean、undefined、null、symbol

2.布尔值类型: boolean

let isDone: boolean &＃61; false;  //ok
let isDone: boolean &＃61; Boolean(false); //ok
let isDone: boolean &＃61; new Boolean(false); //error  

3.数值类型: number

let decLiteral: number &＃61; 6;
let notANumber: number &＃61; NaN;
let infinityNumber: number &＃61; Infinity;
// ES6 中的二进制表示法
let binaryLiteral: number &＃61; 0b1010;
// ES6 中的八进制表示法
let octalLiteral: number &＃61; 0o744;

4.字符串类型: string

let myName: string &＃61; &＃39;Tom&＃39;;

5.空值: void

function printName(): void {console.log(&＃39;My name is Tom&＃39;);
}//声明一个 void 类型的变量没有什么用&＃xff0c;因为你只能将它赋值为 undefined 和 null&＃xff1a;
let unusable: void &＃61; undefined;

6.空和未定义&＃xff1a;Null和Undefined

let u: undefined &＃61; undefined;
let n: null &＃61; null;//void 的区别是&＃xff0c;undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量&＃xff0c;可以赋值给 number 类型的变量&＃xff1a;// 这样不会报错
let num: number &＃61; undefined;
// 这样也不会报错
let u: undefined;
let num: number &＃61; u;

而 void 类型的变量不能赋值给 number 类型的变量&＃xff1a;

let u: void;
let num: number &＃61; u;// error: index.ts(2,5): error TS2322: Type &＃39;void&＃39; is not assignable to type &＃39;number&＃39;.

二、任意值

1.概述&＃xff1a;如果是一个普通类型&＃xff0c;在赋值过程中改变类型是不被允许的&＃xff0c;但如果是 any 类型&＃xff0c;则允许被赋值为任意类型。如下例所示&＃xff1a;

//普通类型
let myFavoriteNumber: string &＃61; &＃39;seven&＃39;;
myFavoriteNumber &＃61; 7; // index.ts(2,1): error TS2322: Type &＃39;number&＃39; is not assignable to type &＃39;string&＃39;.//任意值类型
let myFavoriteNumber: any &＃61; &＃39;seven&＃39;;
myFavoriteNumber &＃61; 7;  // ok

2.任意值的属性和方法&＃xff1a;

概述&＃xff1a;声明一个变量为任意值之后&＃xff0c;对它的任何操作&＃xff0c;返回的内容的类型都是任意值

//访问任何属性
let anyThing1: any &＃61; &＃39;hello&＃39;;
console.log(anyThing1.myName);
console.log(anyThing1.myName.firstName);//访问任何方法
let anyThing2: any &＃61; &＃39;Tom&＃39;;
anyThing2.setName(&＃39;Jerry&＃39;).sayHello();
anyThing2.myName.setFirstName(&＃39;Cat&＃39;);

3.未声明类型的变量

概述&＃xff1a;变量如果在声明的时候&＃xff0c;未指定其类型&＃xff0c;那么它会被识别为任意值类型

let something;
something &＃61; &＃39;seven&＃39;;
something &＃61; 7; // ok something.setName(&＃39;Tom&＃39;); //ok

三、类型推论

概述&＃xff1a;如果没有明确的指定数据类型&＃xff0c;那么TS会依照类型推论的规则推断出一个类型

//被类型推论推论成string类型
let myFavoriteNumber &＃61; &＃39;seven&＃39;;
myFavoriteNumber &＃61; 7; // error//上面的式子等价于
let myFavoriteNumber: string &＃61; &＃39;seven&＃39;;
myFavoriteNumber &＃61; 7; //error

四、联合类型

概述&＃xff1a;联合类型表示取值可以为多种类型中的一种&＃xff0c;使用 | 分隔每个类型

//允许 myFavoriteNumber 的类型是 string 或者 number&＃xff0c;但是不能是其他类型
let myFavoriteNumber: string | number;
myFavoriteNumber &＃61; &＃39;seven&＃39;; // ok
myFavoriteNumber &＃61; 7; // ok
myFavoriteNumber &＃61; true; // error

1.访问联合类型的属性或者方法

概述&＃xff1a;当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候&＃xff0c;就只能访问此联合类型的所有类型里共有的属性或方法

function getLength(something: string | number): number {return something.length; //error : property &＃39;length&＃39; does not exist on type &＃39;number&＃39;
}//访问 string 和 number 的共有属性是没问题的
function getString(something: string | number): string {return something.toString(); // ok
}

2.联合类型的变量赋值

概述&＃xff1a;联合类型的变量在被赋值的时候&＃xff0c;会根据类型推论的规则推断出一个类型

let myFavoriteNumber: string | number;
myFavoriteNumber &＃61; &＃39;seven&＃39;;
console.log(myFavoriteNumber.length);  // 5myFavoriteNumber &＃61; 7;
console.log(myFavoriteNumber.length);  // error