- <T> 泛型的作用：編寫的時(shí)候不確定類型，當(dāng)調(diào)用時(shí)確定類型
1. 單個(gè)泛型
function createArray<T>(times: number, value: T): Array<T>{ // 根據(jù)對(duì)應(yīng)參數(shù)的類型給T賦值
let result = []
for(let i = 0; i< times; i++){
result.push(value)
}
return result
}
let r = createArray(5, 'abc')
let r2 = createArray(5, 333)
2. 多個(gè)泛型
// 元組進(jìn)行類型交換
const swap = <T, K>(tuple: [T, K]): [K, T] => { // 元組是特殊的數(shù)組
return [tuple[1], tuple[0]]
}
let r = swap([{}, 'xx']); // => [123,'abc'] 我能確定只有兩項(xiàng)
3. 函數(shù)標(biāo)注的方式
// 如果泛型不傳參是unkown類型
type ICreateArray = <T>(x: number, y: T) => Array<T>;
const createArray: ICreateArray = <T>(times: number, value: T): Array<T> => {
let result = [];
for (let i = 0; i < times; i++) {
result.push(value)
}
return result
}
createArray(3, 'abc');
interface ISum<T> { // 這里的 T 是使用接口的時(shí)候傳入
<U>(a: T, b: T): U // 這里的 U 是調(diào)用函數(shù)的時(shí)候傳入
}
let sum: ISum<number> = (a:number, b:number) => {
return 3 as any
}
4. 默認(rèn)泛型
interface T2<T = string>{
name:T
}
type T22 = T2;
let name1:T22 = {name: 'Tom'}
5. 泛型約束
- 主要強(qiáng)調(diào)類型中必須包含某個(gè)屬性
// extends 約束，keyof 取當(dāng)前類型的key，typeof 取當(dāng)前值的類型
type withLen = { length: number }
const computeArrayLength = <T extends withLen, K extends withLen>(arr1: T, arr2: K): number => {
return arr1.length + arr2.length
}
computeArrayLength('123', { length: 3 }) // 字符串有l(wèi)ength屬性
// computeArrayLength( 123, { length: 3 }) // 編譯不通過澈驼，類型“number”的參數(shù)不能賦給類型“withLen”的參數(shù)，number沒有l(wèi)ength屬性
const getVal = <T extends object, K extends keyof T>(obj: T, key: K) => {
if (typeof obj !== 'object') {
return
}
}
type T1= keyof { a: 1, b: 2 };
type T2 = keyof string;
type T3 = keyof any; // string |number | symbol
getVal({ a: 1, b: 2 }, 'a')
6. 類中的泛型
class GetArrayMax<T = number> { // [1,2,3] [a,b,c]
public arr: T[] = [];
add(val: T) {
this.arr.push(val)
}
getMax():T {
let arr = this.arr;
let max = arr[0];
for (let i = 1; i < arr.length; i++) {
arr[i] > max ? max = arr[i] : null
}
return max;
}
}
let arr = new GetArrayMax(); // 泛型只有當(dāng)使用后才知道具體的類型
arr.add(1);
arr.add(2)
arr.add(3)
let r = arr.getMax()
