简体   繁体   English

TypeScript 包装函数推断类型

[英]TypeScript Wrapper Function Inferring Types

I use a little utility/wrapper function for functions related to database operations.我对与数据库操作相关的函数使用了一个小实用程序/包装器函数。 It should take a specific function fn with the type Promise<PromiseReturnType<GENERIC>> , then do some stuff (here: checking for connection) before executing it:它应该采用类型为Promise<PromiseReturnType<GENERIC>>的特定函数fn ,然后在执行它之前做一些事情(这里:检查连接):

// File `A.ts`
type PromiseReturnType<T = undefined> = {success: boolean, response: T } 

const DatabaseOperation = <Fn extends (...args: any) => Promise<PromiseReturnType<Data>>, Data>(fn: (...args: any) => Promise<PromiseReturnType<Data>>) => {

    return async function (...args: Parameters<Fn>): Promise<PromiseReturnType<Data>> {
        if (!isConnected) return Promise.reject({ success: false, response: new Error("Not connected to the Database!") })

        return await fn(...args)
    }

}

Then I use it like:然后我像这样使用它:

// File `B.ts`
const dbOperation = async (myArg: number): Promise<PromiseReturnType<string> => {

    return Promise.resolve({ success: true, response: `hello world ${myArg}` })

}


export default DatabaseOperation<typeof dbOperation, string>(dbOperation)

It works fine except the return type can not be inferred.除了无法推断返回类型外,它工作正常。 It will be Promise<any> except Promise<PromiseReturnType<string>> .它将是Promise<any>除了Promise<PromiseReturnType<string>>

Using that newly wrapped function will look like this:使用新包装的函数将如下所示:

import dbOperation from "B.ts"

(function () {
   await dbOperation() // Type: dbOperation(myArg: number): Promise<any>
})()

Any suggestions on how to solve this or implement this better in general?关于如何解决这个问题或总体上更好地实施这个问题的任何建议?

Appreciate your help, thanks.感谢您的帮助,谢谢。

You were almost there:你快到了:



declare var isConnected: boolean;

type PromiseReturnType<T = undefined> = { success: boolean, response: T }

const DatabaseOperation = <Data, Fn extends (...args: any[]) => Promise<PromiseReturnType<Data>>,>(fn: (...args: any[]) => Promise<PromiseReturnType<Data>>) => {

    return async function (...args: Parameters<Fn>): Promise<PromiseReturnType<Data>> {
        if (!isConnected) return Promise.reject({ success: false, response: new Error("Not connected to the Database!") })

        return await fn(...args)
    }

}

const dbOperation = (myArg: number): Promise<PromiseReturnType<string>> =>
    Promise.resolve({ success: true, response: `hello world ${myArg}` })



const fn = DatabaseOperation(dbOperation)

const result = fn(42) // Promise<PromiseReturnType<string>>

Playground 操场

You should have to made ...args an array any[] instead of just any你应该让...args成为一个数组any[]而不是any

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM