Typescript Function Interface

Question

Warum warnt Typescript mich nicht, dass die Funktion, die ich definiere, nicht mit der Interface-Deklaration übereinstimmt, aber es warnt mich, wenn ich versuche, die Funktion aufzurufen.

interface IFormatter { 
    (data: string, toUpper : boolean): string; 
}; 

//Compiler does not flag error here. 
var upperCaseFormatter: IFormatter = function (data: string) { 
    return data.toUpperCase(); 
} 

upperCaseFormatter("test"); //but does flag an error here. 

Answer 1

Die Schnittstelle stellt sicher, dass alle Anrufer von Funktionen, die die Schnittstelle liefern die erforderlichen Argumente implementieren - data und toUpper.

Da TypeScript versteht, dass es JavaScript nichts ausmacht, wenn Sie nicht verwendete Argumente übergeben, wird dies in Implementierungen geschickt ermöglicht.

Warum ist das in Ordnung? Weil es bedeutet, dass Sie jede Implementierung der Schnittstelle ersetzen können, ohne den aufrufenden Code zu beeinflussen.

Beispiel: Sie können entweder IFormatter Implementierung ersetzen und der Code funktioniert.

interface IFormatter { 
    (data: string, toUpper : bool): string; 
}; 

var upperCaseFormatter: IFormatter = function (data: string) { 
    return data.toUpperCase(); 
} 

var variableCaseFormatter: IFormatter = function (data: string, toUpper: bool) { 
    if (toUpper) { 
     return data.toUpperCase(); 
    } 

    return data.toLowerCase(); 
} 

// Switch between these at will 
//var formatter = upperCaseFormatter; 
var formatter = variableCaseFormatter; 

formatter("test", true); 

Wenn Typoskript dies nicht tun, Ihre upperCaseFormatter müßten einen Parameter aufgerufen haben müssen toUpper, die nicht überall in der Funktion verwendet wurde - was der Code weniger lesbar macht.