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

이 부분은 인터페이스에 중점을 둡니다. x 및 point ( width ) 및 cuboid (확장 point 와 같은 인터페이스가 point 와 같은 인터페이스를 탐구합니다. cuboid 예제는 모든 속성에 대한 값을 지정하고 함수를 사용하여 볼륨을 계산합니다. 인터페이스는 JavaScript에없는 TypeScript 특유의 기능이라는 점에 유의하는 것이 중요합니다. 다음 javaScript에 해당하는 TypeScript 코드를 컴파일하면

함수 VolumeCuboid (cuboid) { volume = cuboid.length * cuboid.width * cuboid.height를 둡니다. Console.log (`volume : $ {volume}`); } 입방대 = {x : -22, y : 28, 너비 : 12, 길이 : 32, 높이 : 20}하자; 부피에 큐보이드 (cuboid); // 볼륨 : 7680

function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680

를 만드는 방법을 살펴보고 여러 인터페이스 선언 (허용)과 오류가 발생하는 유형 (오류가 발생)의 차이점을 강조합니다.

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

다음 자습서는 TypeScript 클래스를 탐구합니다.