对类方法使用粗箭头语法时，我可以使用 TypeScript 重载吗

发布于12月18日

我将一些课程从传统形式转换为:

class TestOverloads {
    private status = "blah";
    public doStuff(selector: JQuery);
    public doStuff(selector: string);
    public doStuff(selector: any) {
        alert(this.status);
    }
}

要改用箭头函数表达式，请执行以下操作:

class TestOverloads2 {
    private status = "blah";
    public doStuff = (selector: any) => {
        alert(this.status);
    }
}

以避免在回调中使用类方法时出现范围界定问题(参见here了解背景).

不过，我不知道如何重新创建重载函数签名.使用胖箭头时，我将如何编写重载？

推荐答案

可以为函数支持的调用签名编写内联类型文字:

class TestOverloads2 {
    private status = "blah";
    public doStuff: {
        (selector: JQuery): void;
        (selector: string): void;
    } = (selector: any) => {
        alert(this.status);
    }
}

这有点可怕，所以你可能想把它提取到一个接口中:

interface SelectByJQueryOrString {
    (selector: JQuery): void;
    (selector: string): void;
}

class TestOverloads3 {
    private status = "blah";
    public doStuff: SelectByJQueryOrString = (selector: any) => {
        alert(this.status);
    }
}