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

Question

我已经从传统形式转换了一些类：

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);
    }
}

以避免在回调中使用类方法时出现范围问题（请参阅此处了解背景信息）。

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

Answer 1

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

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);
    }
}

Answer 2

这有点技术性，但您不再创建函数，而是创建属性（恰好是函数）。

您可以使用命名而不是重载来解决您的问题。

class TestOverloads2 {
    private status = "blah";
    public doStuffWithSelector = (selector: string) => {
        alert(this.status);
    }
    public doStuffWithJqueryObject = (jqo: JQuery) => {
        alert(this.status);
    }
}

如果存在大量重复，您可以将其放在两个命名函数调用的通用函数中，例如：this.sharedStuff().