TypeScript의 오리 유형
덕타이핑이란?
먼저 덕타이핑이 무엇인지 알아야 합니다. 프로그래머에 따르면 객체의 유형이 클래스가 아닌 객체의 동작(예: 메서드 및 속성)에 의해 결정되는 상황을 "오리 타이핑"이라고 합니다.
TypeScript로 타이핑하는 오리
TypeScript의 인터페이스를 사용하면 덕 타이핑이 가능해집니다. 인터페이스란 객체가 속해야 하는 유형을 설명하는 일련의 메서드와 특성을 의미합니다.
예를 들어 인터페이스가 함수를 정의하는 경우 "myFunc()"라는 메서드가 있는 모든 객체는 클래스에 관계없이 특정 유형으로 간주될 수 있습니다. 두 개체가 동일한 동작을 공유하고 상호 교환적으로 사용할 수 있으면 코드 유연성이 향상됩니다.
덕 타이핑은 실제 유형보다는 개체의 방법과 속성을 고려하여 작업에 대한 개체의 적합성을 평가하는 데 중점을 둡니다. 인터페이스는 특정 목적을 위해 개체가 "오리 유형"으로 간주되어야 하는 속성 및 메서드 집합을 설명합니다.
오리형의 장점
덕 타이핑의 주요 이점 중 하나는 코드를 더욱 유연하고 재사용 가능하게 만드는 것입니다. 코드는 특정 유형의 객체뿐만 아니라 필요한 메서드와 속성을 가진 모든 객체에 대해 작동하며 수정 없이 다양한 상황에서 사용할 수 있습니다. 또한 덕 타이핑은 단일 코드 기반 내에서 다양한 유형의 객체를 상호 교환적으로 사용할 수 있도록 하여 코드 재사용을 향상시킵니다.
오리 타이핑의 예는 TypeScript입니다
다음은 TypeScript에서 덕 타이핑을 사용하는 방법에 대한 예입니다 -
객체에 원하는 동작을 나타내는 인터페이스를 정의하세요. 예를 들어 -
으아악인터페이스를 구현하는 클래스를 만듭니다. 예를 들어 -
으아악클래스의 인스턴스를 생성하고 인터페이스에서 정의한 유형으로 사용합니다.
으아악인터페이스도 구현하는 다른 클래스 만들기 -
으아악새 클래스 인스턴스를 인터페이스에서 정의한 것과 동일한 유형으로 사용하세요.
으아악보시다시피 MallardDuck과 RubberDuck 클래스 모두 Duck 인터페이스를 구현하고 duck 변수를 두 클래스의 인스턴스에 할당할 수 있습니다. 유형은 클래스에 정의된 동작(메서드 및 속성)이 아닌 인터페이스에 의해 결정됩니다.
또한 TypeScript에서는 typeof 키워드를 사용하여 런타임 시 객체 유형을 확인하고 객체에 예상되는 메서드나 속성이 있는지 여부를 확인할 수 있습니다.
예
이 예제에서 Bird 및 Plane 클래스는 Fly() 메서드가 필요한 Flyable 인터페이스를 구현합니다. goFly() 함수에서는 두 가지 "오리 타이핑"을 서로 바꿔서 사용할 수 있습니다. 이 함수는 호출할 수 있는 fly() 메서드가 있는 한 전달된 객체의 실제 유형에 대해 신경 쓰지 않습니다.
으아악컴파일되면 다음 JavaScript 코드가 생성됩니다. -
으아악출력
위 코드는 다음과 같은 출력을 생성합니다. -
으아악예
전반적으로 덕 타이핑은 동일한 메서드와 속성을 갖는 한 다양한 유형의 객체를 상호 교환하여 사용할 수 있도록 하여 TypeScript 코드에서 더 큰 유연성과 재사용성을 제공하는 강력한 프로그래밍 개념입니다. 이 예에서 Driveable 인터페이스인 Car 및 Truck 클래스는 동일한 콘텐츠를 표시합니다.
으아악컴파일되면 다음 JavaScript 코드가 생성됩니다. -
으아악출력
위 코드는 다음과 같은 출력을 생성합니다. -
으아악오리 타이핑의 주요 아이디어는 코드를 특정 개체에 사용하기 위해 작성하는 것이 아니라 필요한 메서드와 속성이 있는 모든 개체에 사용하도록 작성해야 한다는 것입니다. 이렇게 하면 코드를 더욱 유연하고 재사용할 수 있게 되어 코드를 변경하지 않고도 다양한 유형의 개체를 상호 교환적으로 사용할 수 있습니다.
위 내용은 TypeScript의 오리 유형의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

이 기사는 소스 맵을 사용하여 원래 코드에 다시 매핑하여 미니어링 된 JavaScript를 디버그하는 방법을 설명합니다. 소스 맵 활성화, 브레이크 포인트 설정 및 Chrome Devtools 및 Webpack과 같은 도구 사용에 대해 설명합니다.

이 기사는 Java의 컬렉션 프레임 워크의 효과적인 사용을 탐구합니다. 데이터 구조, 성능 요구 및 스레드 안전을 기반으로 적절한 컬렉션 (목록, 세트, 맵, 큐)을 선택하는 것을 강조합니다. 효율적인 수집 사용을 최적화합니다

엔트리 레벨 타입 스크립트 자습서를 마스터 한 후에는 TypeScript를 지원하고 JavaScript로 컴파일하는 IDE에서 자신의 코드를 작성할 수 있어야합니다. 이 튜토리얼은 TypeScript의 다양한 데이터 유형으로 뛰어납니다. JavaScript에는 NULL, UNDEFINED, BOOLEAN, 번호, 문자열, 기호 (ES6에 의해 소개 됨) 및 객체의 7 가지 데이터 유형이 있습니다. TypeScript는이 기반으로 더 많은 유형을 정의 하며이 튜토리얼은이 모든 튜토리얼을 자세히 다룹니다. 널 데이터 유형 JavaScript와 마찬가지로 Null in TypeScript

이 튜토리얼은 Chart.js를 사용하여 파이, 링 및 버블 차트를 만드는 방법을 설명합니다. 이전에는 차트 유형의 차트 유형을 배웠습니다. JS : 라인 차트 및 막대 차트 (자습서 2)와 레이더 차트 및 극지 지역 차트 (자습서 3)를 배웠습니다. 파이 및 링 차트를 만듭니다 파이 차트와 링 차트는 다른 부분으로 나뉘어 진 전체의 비율을 보여주는 데 이상적입니다. 예를 들어, 파이 차트는 사파리에서 남성 사자, 여성 사자 및 젊은 사자의 비율 또는 선거에서 다른 후보자가받는 투표율을 보여주는 데 사용될 수 있습니다. 파이 차트는 단일 매개 변수 또는 데이터 세트를 비교하는 데만 적합합니다. 파이 차트의 팬 각도는 데이터 포인트의 숫자 크기에 의존하기 때문에 원형 차트는 값이 0 인 엔티티를 그릴 수 없습니다. 이것은 비율이 0 인 모든 엔티티를 의미합니다
