È possibile utilizzare overload di TypeScript quando si utilizza la sintassi della fat fat per i metodi di classe?

Question

ho convertito alcune classi dalla forma convenzionale:

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

per usare le espressioni di funzione freccia invece:

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

in modo da evitare problemi quando scoping i metodi della classe vengono utilizzati in un callback (vedi here per lo sfondo).

Non riesco a capire come ricreare le mie firme di funzioni sovraccariche. Come scriverei i miei sovraccarichi quando uso la freccia grassa?

Answer 1

È possibile scrivere un tipo di linea letterale per la chiamata firme la funzione supporta:

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

Ecco sorta di orribile, così si potrebbe desiderare per estrarlo in un'interfaccia invece:

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

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

Answer 2

È un po 'un problema tecnico, ma non si crea più una funzione, si sta creando una proprietà (che sembra essere una funzione).

Si potrebbe risolvere il problema usando la denominazione anziché il sovraccarico.

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

Se c'è una significativa duplicazione, si può mettere che in una funzione comune che entrambe le funzioni denominate chiamata, ad esempio: this.sharedStuff().