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

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

我无法弄清楚如何重新创建我的重载函数签名。使用胖箭头时如何编写重载？

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()。

在为类方法使用胖箭头语法时，我可以使用TypeScript重载吗？

2 个答案: