在打字稿中映射对象类型

debugcn 发表于 Dev

拉尔12

我正在寻找打字稿中“映射”对象类型的方法。

我输入以下内容：

interface Factory<T>{
     serialize: (val: T)=>void,
     deserialize: ()=>T,
}
interface MyDict{
     [key: string]: Factory<any>
}

function deserialize(dict: MyDict){
     let mapped = {};
     for(let k in dict){
          mapped[k] = dict[k].deserialize();
     }
     return mapped;
}

我想要的是正确确定地图的返回类型。

因此，在执行此操作时：

let mapped = map({
    foo: {deserialize: ()=>'hello world'}, 
    foo2: {deserialize: ()=>123}, 
    foo3: {deserialize: ()=>({foo4: 'foo4'})}
});

映射的类型应为{foo: string, foo2: number, foo3: {foo4: string}}。

提香·切尔尼科娃·德拉戈米尔

您可以使用映射类型来执行此操作。为了捕获参数的实际类型，该函数还需要是通用的：

interface Factory<T>{
     serialize?: (val: T)=>void,
     deserialize: ()=>T,
}
interface MyDict{
     [key: string]: Factory<any>
}

type FactoryReturnType<T extends MyDict> = {
    [K in keyof T]: ReturnType<T[K]['deserialize']>
}

function deserialize<T extends MyDict>(dict: T){
     let mapped = {} as FactoryReturnType<T>;;
     for(let k in dict){
          mapped[k] = dict[k].deserialize();
     }
     return mapped;
}

let mapped = deserialize({
    foo: {deserialize: ()=>'hello world'}, 
    foo2: {deserialize: ()=>123}, 
    foo3: {deserialize: ()=>({foo4: 'foo4'})}
});

mapped.foo3.foo4

游乐场链接

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。