초보자를위한 타이프 스크립트, 3 부 : 인터페이스

이 튜토리얼은 TypeScript 초보자 시리즈를 계속하여 TypeScript 기능, 설치 및 IDE 제안에 대한 이전 소개를 바탕으로합니다. 두 번째 튜토리얼은 TypeScript 데이터 유형과 오류 예방 이점을 다루었습니다.

이 부분은 인터페이스에 중점을 둡니다. x 및 Point ( width ) 및 Cuboid ( length 와 height 의 확장 Point )와 같은 인터페이스가 물체 구조를 정의하는 데 어떻게 도움이되는지 탐색합니다. Cuboid 예제는 모든 속성에 대한 값을 지정하고 함수를 사용하여 볼륨을 계산합니다.

인터페이스는 JavaScript에없는 TypeScript 특유의 기능이라는 점에 유의해야합니다. 다음 JavaScript에 해당하는 TypeScript 코드를 컴파일하면 다음과 같습니다.

 함수 부피 큐보이드 (cuboid) {
    volume = cuboid.length * cuboid.width * cuboid.height를 둡니다.
    Console.log (`volume : $ {volume}`);
}

입방대 = {x : -22, y : 28, 너비 : 12, 길이 : 32, 높이 : 20}하자;

부피에 큐보이드 (cuboid);
// 볼륨 : 7680

이 자습서는 또한 인터페이스 유형에 대비하여 인터페이스 확장과 대조됩니다. 기존 유형을 사용하여 RoundedRectangle 작성하는 방법을 조사하여 여러 인터페이스 선언 (허용)과 재검토 유형 (오류가 발생)의 차이점을 강조합니다.

주요 테이크 아웃 :

이 튜토리얼은 TypeScript 인터페이스의 기초를 제공하여 강력한 코드를 작성하는 데있어 역할을 강조합니다. 선택 사항 및 읽기 전용 속성이있는 인터페이스를 작성하고 초기 인터페이스 정의 이상으로 동적 속성을 추가하기 위해 인덱스 서명을 사용하는 법을 배웠습니다. 더 깊이 이해하려면 공식 타입 설명서를 참조하십시오.

다음 튜토리얼은 TypeScript 클래스를 탐구합니다.

위 내용은 초보자를위한 타이프 스크립트, 3 부 : 인터페이스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!