Typescript関数のインターフェイス

Question

なぜTypescriptは私が定義している関数がインターフェイスの宣言と一致しないと警告しますが、関数を呼び出せば警告します。 dataとtoUpper -

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

インタフェースは、インタフェースを実装する関数のすべての呼び出し元が必要な引数を指定することを保証します。

TypeScriptは、使用されていない引数を渡すかどうかをJavaScriptが気にしないことを理解しているので、実装ではこれを賢明に許可します。

なぜこれは問題ありませんか？これは、呼び出しコードに影響を与えずに、インタフェースの実装を置き換えることができるためです。

例：IFormatterの代わりに使用でき、コードが機能します。コードが読みにくくなります - 活字体はこれをしなかった場合は

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

、あなたのupperCaseFormatterは、関数内のどこでも使用されなかったtoUpperと呼ばれるパラメータを持っている必要がありますする必要があります。