Typescript 如何从列表中仅 Select 一种类型

从本质上讲，您希望defaultStorage是"基本"键值类型，然后希望storage是该类型的transformed版本.对于基本类型T的每个属性键K，您希望获取属性值类型T[K]并将其映射到CustomStore<T[K]>.所以我们可以定义一个这样做的100:

type CustomStorageFor<T> =
    { [K in keyof T]: CustomStore<T[K]> };

在您的示例中，您可能不想直接使用IStorage类型，它有unions个基属性和映射属性.相反，您可以将IStorage定义为基本类型

interface IStorage {
    key: boolean
    key2: number
}

然后通过映射获得CustomStorage版本:

type CustomStorageForIStorage = CustomStorageFor<IStorage>;
/* type CustomStorageForIStorage = {
    key: CustomStore<boolean>;
    key2: CustomStore<number>;
} */

现在，仅在基本类型T中，LiveStorage类就可以是generic，而storage将被赋予类型CustomStorageFor<T>:

class LiveStorage<T extends object> {

    private defaultStorage: T
    storage: CustomStorageFor<T>;

    constructor(defaultStorage: T) {
        this.defaultStorage = defaultStorage
        this.storage = {} as CustomStorageFor<T>; // you need to implement this
    }
}

现在，当您调用LiveStorage构造函数时，编译器将推断类型参数T是构造函数参数的类型参数(我从constrained、T到the object type，因此，如果您试图传入string或更多值，则会得到错误):

const defaultStorage: IStorage = { key: true, key2: 1 };
let liveStorage = new LiveStorage(defaultStorage);
// let liveStorage: LiveStorage<IStorage>
liveStorage.storage.key // CustomStore<boolean>

事实上，如果您不想给IStorage类型命名，您甚至不需要它；编译器将很高兴地从构造函数参数合成一个等价的对象类型:

let liveStorage = new LiveStorage({ key: true, key2: 1 });
// let liveStorage: LiveStorage<{ key: boolean; key2: number; }>
liveStorage.storage.key // CustomStore<boolean>

无论哪种方式都会奏效.

Playground link to code个