Giao diện chức năng kiểu chữ

Question

Tại sao không phải kiểu chữ cảnh báo tôi rằng hàm tôi định nghĩa không khớp với khai báo giao diện, nhưng nó cảnh báo tôi nếu tôi cố gắng gọi hàm.

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

Giao diện đảm bảo rằng tất cả người gọi các chức năng mà thực hiện giao diện cung cấp các đối số cần thiết - data và toUpper.

Vì TypeScript hiểu rằng JavaScript không quan tâm nếu bạn vượt qua các đối số không được sử dụng, nó khéo léo cho phép điều này trong triển khai.

Tại sao điều này lại ổn? Bởi vì nó có nghĩa là bạn có thể thay thế bất kỳ việc thực hiện giao diện nào mà không ảnh hưởng đến mã gọi.

Ví dụ: Bạn có thể thay thế triển khai IFormatter và mã hoạt động.

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

Nếu nguyên cảo không làm điều này, upperCaseFormatter của bạn sẽ phải cần phải có một tham số gọi toUpper rằng không được sử dụng bất cứ nơi nào trong hàm - mà làm cho mã dễ đọc hơn.