TypeScript 인터페이스 및 구현

Question

저는 TypeScript와 인터페이스를 가지고 놀았습니다. 나는 다음 코드를 가지고있다.

interface Control { 
    name: string; 
    onSelect():string; 
} 

class Button { 
    name:string="button"; 
    onSelect = function() { 
     return "hello"; 
    } 
} 

var a:Button = new Button(); 
var b:Control = {"name": "arbitrary", "onSelect":() => { return "ahoy!"; }}; 

var trigger = function(c:Button) { 
    console.log(c.name, "says", c.onSelect()); 
} 

trigger(a); 
trigger(b); 

불평없이 컴파일되어 실행된다. 아무도 내 trigger 함수가 Button 및 b이 유형을 가져올 것으로 예상 되더라도 b을 허용하는 이유는 설명 할 수 있습니까? Control입니다.

Button이 명시 적으로 Control을 구현하는 경우에도 Button이 아닌 Control이 필요합니다. 모든 의도 된 목적으로 Button에 추가 구성원이 포함될 수 있습니다.

TypeScript는 구조적으로 동일하기 때문에 구현을 유추합니까? 구현 클래스가 예상되는 인터페이스를 전달할 수 있습니까? (그것은 다른 방법으로 주위 안?)

Answer 1

TypeScript documentation on interfaces에 설명 된대로 :

타이프 라이터의 핵심 원칙의

하나는 유형 검사 값이 가지고있는 '모양'에 초점을 맞추고있다. 이것은 때때로 "오리 입력""duck typing"에서

라고 :

이 오리처럼 보이는 그것은 가능성이 오리의 다음에, 오리처럼 수영합니다.

즉, TypeScript는 제공된 개체 또는 형식의 모양 (메서드 및 속성)을 검사합니다. 제공된 객체가 인터페이스에 의해 설명 된 모든 속성 및 메서드를 포함하면 객체는 설명 된 인터페이스와 호환되는 객체로 간주 될 수 있습니다.

예에서 인터페이스와 클래스는 똑같아 보이므로 TypeScript는 개체를 설명 된 인터페이스와 호환되도록 처리합니다.

examine the generated JavaScript의 경우 인터페이스에 대한 언급이 전혀 없습니다. TypeScript 인터페이스는 기본적으로 TypeScript에서 형식 호환성을 확인하는 데 도움이되는 개발자 제공 형식 메타 데이터이기 때문입니다.

Answer 2

모두 당신의 interface 및 class는 당신이 호환되는 객체에 전달되는 Button을 기대하면서 있도록

다른 속성을 추가하는 경우 (문자열을 반환 문자열과 onSelect를 기능을 반환 이름을 가진) 같은 구현이 Button (예 : greeting: string)으로 변경하면 trigger(b)에 오류가 표시됩니다.

interface Control { 
    name: string; 
    onSelect:() => string; // this is another way to write function that returns a string 
} 

class Button implements Control { 
    name:string="button"; 
    onSelect = function() { 
     return "hello"; 
    } 
    greeting: string; // adding this will cause trigger(b) to fail 
}