javascript - 如何在 Typescript 中按名称调用具有不同签名的方法？

Question

我正在尝试设置一个方法来调用我的后端并为我做一些通用的事情。

所以我得出这段代码:

myFct() {
    this[type](url, params, options).pipe(...)
}

get<T>(url: string, params: HttpParams, options: any): Observable<HttpEvent<T>> {
    return this._http.get<T>(url, options);
}

post<T>(url: string, params: HttpParams, options: any): Observable<HttpEvent<T>> {
    return this._http.post<T>(url, params, options);
}

put<T>(url: string, params: HttpParams, options: any): Observable<HttpEvent<T>> {
    return this._http.put<T>(url, params, options);
}

delete<T>(url: string, params: HttpParams, options: any): Observable<HttpEvent<T>> {
    return this._http.delete<T>(url, options);
}

但是我发现 4 方法是多余的，我想知道是否有直接这样做的方法:

this._http[type](url, params, options)

但是我得到这个错误:

Cannot invoke an expression whose type lacks a call signature

因为 GET 和 DELETE 的签名中没有 HttpParams。

它们是我可以根据条件返回参数的方法吗？还是返回两个参数和签名匹配？

Answer 1

您可以使用 .length property of a function 的事实返回它需要的参数数量，并执行:

(this._http[type].length === 3 ? 
    this._http[type](url, params, options) : 
    this._http[type](url, options));