泛型约束概述


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


博主需求: 要求指定的泛型类型必须有 ​​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​​ 属性的类型作为泛型类型

TypeScript-泛型约束_泛型类型

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);

TypeScript-泛型约束_TypeScript_02