Question

我正在尝试创建一个将rxjs.Observable s对象合并为单个Observable的函数。

例如，

假设我有一个如下所示的可观察对象图。

const fooObservable$: Observable<Foo> = createFooObservable();
const barObservable$: Observable<Bar> = createBarObservable();

// Type of observables would be
// { foo: Observable<Foo>, bar: Observable<Bar> }
// And, `keyof typeof observables` would be
// "foo" | "bar"
const observables = {
    foo: fooObservable$,
    bar: barObservable$,
};

那我该如何制作一个合并如下所示可观察对象的函数？

// typeof merged$ would be
// Observable<{ foo: Foo, bar: Bar }>
const merged$ = merge(observables);

我不知道如何定义函数merge()的类型签名

如果有很好的方法，请给我答案。

Answer 1

在此示例中，M是Observable（但它实际上可以应用于任何通用类型）：

class M<A> {
  value: A;
}

type Unpacked<T> = T extends M<infer U> ? U : never;

type MergeBody<T> = {
    [P in keyof T]: Unpacked<T[P]>
}

function merge<T>(t: T): M<MergeBody<T>> {
    ...
}

再举一个例子：

let o = {
    a: new M<number>(),
    b: new M<string>()
}

const m = merge(o)
// type checks!
let n: number = m.value.a

在Typescript中，如何将通用容器类型的对象合并到对象类型的通用容器中？

1 个答案: