2

定义兼容性对象数组

T 表示传入的类型,可以为number、string、boolean等
传入什么label就是什么类型
interface labelValue<T> {
    label: T;
    value: number;
}
// 传入number类型
let obj: labelValue<number>;
export function formatYear (): labelValue<number>[] {
    let date = new Date().getFullYear();
    let arr: labelValue<number>[];
    for (let i = 0; i < date + 10; i++) {
        obj = {
            label: i,
            value: i
        }
        arr.push(obj)
    }
    return arr;
}
// 传入string类型
let obj1: labelValue<string>;
export function formatHours (): labelValue<string>[] {
    let arr: labelValue<string>[];
    for (let i = 0; i <= 24 + 10; i++) {
        obj1 = {
            label: i + 'h',
            value: i
        }
        arr.push(obj1)
    }
    return arr;
}

定义对象型数组

定义

interface ObjectOf<V>{
    [_: string]: V 
} 
class OrderItem {
    uuid: string;
    amount: number;
    secondaryTotal: number;
    total: number;
    originalTotal: number;
    checked: boolean; 
}

使用

interface State {
    promoList: {
        giftCheck: ObjectOf<OrderItem>
        freeCheck: Array<OrderItem>
    }
}

万年打野易大师
1.5k 声望1.1k 粉丝