如何将 Promise 的对象转换为 Observable 的对象并且仍然有打字稿类型？

Question

我有一个 Promise 的对象。我喜欢将它们全部转换为可观察的（rxjs），但我想保持打字。 这种方式行不通：

const methods = {
    func1: (): Promise<boolean> => {
        return Promise.resolve(true)
    },
    func2: (num: number): Promise<number> => {
        return Promise.resolve(num)
    }
};

const mapItToObservable = (methods) => {
    return Object.keys(methods).reduce((acc, key) => {
        acc[key] = from(acc[key])
        return acc;
    }, {})
}

const methodsInObservable = mapItToObservable(methods)

methodsInObservable.func1.subscribe(d => console.log('d'))

有什么想法吗？

Answer 1

因此，如果我对这个问题的理解是正确的，您希望将包含返回承诺的函数的对象映射到返回可观察的函数。

您可以使用映射类型来映射原始类型的属性和条件类型来提取参数和结果类型，然后使用它来创建新的函数签名：

type MapToObservable<T extends Record<string, (...args: any[]) => Promise<any>>> = {
    [P in keyof T]: T[P] extends (...args: infer P) => Promise<infer R> ? (...args: P) => Observable<R> : never
}

函数本身需要正确调用promise函数并返回observable：

const methods = {
    func1: (): Promise<boolean> => {
        return Promise.resolve(true)
    },
    func2: (num: number): Promise<number> => {
        return Promise.resolve(num)
    }
};

type MapToObservable<T extends Record<string, (...args: any[]) => Promise<any>>> = {
    [P in keyof T]: T[P] extends (...args: infer P) => Promise<infer R> ? (...args: P) => Observable<R> : never
}

const mapItToObservable = <T extends Record<string, (...args: any[]) => Promise<any>>>(methods: T) => {
    return Object.keys(methods).reduce((acc, key) => {
        acc[key] = function (...args: any[]) {
            return from(methods[key].call(this, ...args))
        }
        return acc;
    }, {} as Record<string, (...args: any[]) => Observable<any>>) as any as MapToObservable<T> ;
}

const methodsInObservable = mapItToObservable(methods)

methodsInObservable.func1().subscribe(d => console.log('d'))

Play