TypeScript-泛型约束

泛型约束概述

• 默认情况下我们可以指定泛型为任意类型
• 但是有些情况下我们需要指定的类型满足某些条件后才能指定
• 那么这个时候我们就可以使用 泛型约束

博主需求: 要求指定的泛型类型必须有 length 属性才可以指定该类型为泛型的类型：

• 指定有 length 属性的类型作为泛型类型

interface LengthInterface {
    length: number
}

let getArray = <T extends LengthInterface>(value: T, items: number = 5): T[] => {
    return new Array(items).fill(value);
};

let arr = getArray<string>('abc');
let res = arr.map(item => item.length);
console.log(res);

• 指定没有 length 属性的类型作为泛型类型

interface LengthInterface {
    length: number
}

let getArray = <T extends LengthInterface>(value: T, items: number = 5): T[] => {
    return new Array(items).fill(value);
};

let arr = getArray<number>(6);
let res = arr.map(item => item.length);
console.log(res);