Typescript İşlev Arabirimi

Question

Neden Typescript, tanımladığım işlevin, arabirim bildirimi ile eşleşmediği konusunda uyarmıyor, ancak işlevi çağırmaya çalıştığımda beni uyarıyor. data ve 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

arayüzü arabirimini uygulamak fonksiyonların tüm Arayanların gerekli argümanları tedarik sağlar.

TypeScript, kullanılmayan argümanları iletirseniz JavaScript'in işe yaramadığını anladığından, bu uygulamalarda akıllıca izin verir.

Bu neden sorun değil? Çünkü, aramanın herhangi bir uygulamasını çağrı kodunu etkilemeden değiştirebilirsin.

Örnek: IFormatter uygulamasının yerini alabilir ve kod çalışır. Kod az okunabilir hale getirir - typescript bunu yapmadı Eğer

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

, sizin upperCaseFormatter fonksiyonunda herhangi bir yerinde kullanılmamıştır toUpper adında bir parametreyi olması gerekir.