美文网首页让前端飞Web前端之路
以对象所有的key作为type

以对象所有的key作为type

作者: 小光啊小光 | 来源:发表于2023-03-08 14:35 被阅读0次

    1.未定义类型对象

    const obj = {
        a: 1,
        b: 1,
        c: 1,
    }
    
    type ObjKey = keyof typeof obj // type ObjKey = "a" | "b" | "c"
    

    2.定义类型的对象

    当希望约定obj的类型时,便无法推导出key

    const obj: Record<string, number> = {
        a: 1,
        b: 1,
        c: 1,
    }
    
    type ObjKey = keyof typeof obj // type ObjKey = string
    

    方法1: 符合TS规范的书写方式(非推导,只是提前声明)

    type ObjKey = "a" | "b" | "c"
    const obj: Record<ObjKey, number> = {
        a: 1,
        b: 1,
        c: 1,
    }
    

    方法2:使用声明函数(可推导,但要写一个与业务不相关的func)

    function defineObj<T extends string>(obj: Record<T, number>) {
        return obj
    }
    const obj = defineObj({
        a: 1,
        b: 1,
        c: 1,
    })
    type ObjKey = keyof typeof obj // type ObjKey = "a" | "b" | "c"
    

    相关文章

      网友评论

        本文标题:以对象所有的key作为type

        本文链接:https://www.haomeiwen.com/subject/mwfoldtx.html