TypeScript-泛型约束

原创

杨不易呀

发布于 2023-09-28 19:12:46

2300

文章被收录于专栏：杨不易呀杨不易呀

泛型约束概述

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

博主需求: 要求指定的泛型类型必须有 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);