TypeScript获取函数参数类型

现在有一个函数update，我们想要获取他的参数类型，你应该怎么做呢？这个时候我们需要就要用到Parameters

代码语言：javascript复制

function updata(state) {
    return {
        router: state.router
    }
}

获取参数类型：

代码语言：javascript复制

type ArrType = Parameters<typeof state>
// ArrType => [state: any]

如果想获取state的类型呢？这个时候需要用到infer

代码语言：javascript复制

type GetType<T> = T extends (arg: infer P) => void ? P : string;
type StateType = GetType<typeof state>
//  StateType => any
// 因为state没有设置类型，所以ts推断state的类型为any

把这段代码翻译一下： (arg: infer P)：arg的类型待推断为P 整段代码的意思：如果T能赋值给(arg: infer P) => void，则返回P，否则返回string

如果想要获取函数的返回值类型，需要使用typescript提供的内置方法ReturnType

代码语言：javascript复制

type Return = ReturnType<typeof state>
// ReturnType => 
// {
//     router: any;
//}

typescript parameters state string void

0 人点赞