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라는 매개 변수가 있어야 할 것입니다.