TypeScript 中精确的重载函数调用

Question

我是 TypeScript 的新手，正在尝试将它与 AngularJS 一起使用。这是一个困扰我的情况，因为我无法从编译器中得到错误。

在 Angular (AFAIK) 中，资源提供者有一个 get() 方法，它返回一个 T 的实例，T 是一个类型参数。此方法有许多其他重载，并且可以接受 params 或 data 参数，并可能接受带有如下签名的成功和错误处理程序：

interface IResourceSuccessCallbackFunction<T> {
    (value: T, responseHeaders: Array<string>): void;
}

interface IResourceErrorCallbackFunction {
    (httpResponse: string): void;
}

我从 corresponding declaration file at DefinitelyTyped 中获得灵感，为 get 函数提出了这些重载：

interface IResourceClass<T> {
    get(): T;
    get(dataOrParams: any): T;
    get(dataOrParams: any, success: IResourceSuccessCallbackFunction<T>): T;
    get(success: IResourceSuccessCallbackFunction<T>, error?: IResourceErrorCallbackFunction): T;
    get(params: any, data: any, success?: IResourceSuccessCallbackFunction<T>, error?: IResourceErrorCallbackFunction): T;
}

我的问题是这些定义允许我写这样的东西：

var resourceService: IResourceClass<number> = null;
var res1 = resourceService.get({ id: 1000 }, function() {
    console.log("fail");
});
var res2 = resourceService.get(function(p: Phone) {
    console.log(p);
}, function() {
    console.log("fail");
});

显然，对于res1，程序员犯了一个错误，将错误处理程序作为第二个参数传递，忘记了成功处理程序；对于res2，假定的成功处理程序接受错误的类型Phone 而不是number。

现在，我知道为什么这两个调用会编译并且是有效的：最后一个重载版本总是匹配的，因为它允许两个 any 参数和两个可选参数，这里不存在。所以我正在寻找一种方法来定义可以捕获这些错误的重载变体。例如，将 any 替换为“不是函数”的类型，或者使用其他技巧。

这可能吗？

Answer 1

如果可能，请使用any 删除重载。我不确定这是否适用于这种情况；这取决于 API 的工作方式。

res1 总是可以的，因为您不需要 在 TypeScript 中使用参数（想象一下，如果您必须对 Array#forEach 进行三参数回调，那将是多么烦人） .

对于res2，您有时可以通过添加“陷阱”重载来改善这种情况：

interface IResourceClass<T> {
    get(): T;
    get(success: IResourceSuccessCallbackFunction<T>, error?: IResourceErrorCallbackFunction): T;
    get(otherFunction1: (...a: any[]) => void, otherFunction2: (...a: any[]) => void): { YOU_HAVE_FAILED: {}; };
    get(dataOrParams: any): T;
    get(dataOrParams: any, success: IResourceSuccessCallbackFunction<T>): T;
    get(params: any, data: any, success?: IResourceSuccessCallbackFunction<T>, error?: IResourceErrorCallbackFunction): T;
}

var resourceService: IResourceClass<number> = null;
var res1 = resourceService.get({ id: 1000 }, function() {
    console.log("fail");
});
// res2: { YOU_HAVE_FAILED: {} }
var res2 = resourceService.get(function(p: Phone) {
    console.log(p);
}, function() {
    console.log("fail");
});

这不会立即成为编译错误，但任何实际使用 res2 都会出错。