Ví dụ về cơ chế thừa kế ECMAScript

이 장은 ECMAScript의 상속 기계를 설명하기 위해 전통적인 예제를 사용합니다.

상속 기계 예제

상속 기계를 설명하는 가장 간단한 방법은, 전통적인 예제를 사용하는 것입니다 - 기하학적 형상. 실제로, 기하학적 형상은 두 가지밖에 없으며, 이는 타원형(원형의 경우)과 다각형(정해진 수의 변을 가진 경우)입니다. 원형은 타원형의 일종으로, 하나의 초점을 가집니다. 삼각형, 사각형 및 다각형은 다각형의 일종으로, 다른 수의 변을 가집니다. 정方形은 사각형의 일종으로, 모든 변이 동일한 길이입니다. 이는 완벽한 상속 관계를 형성합니다.

이 예제에서, 형상(Shape)은 타원형(Ellipse) 및 다각형(Polygon)의 기본 클래스(base class)(모든 클래스는 이를 상속합니다)입니다. 타원형은 하나의 속성을 가집니다 foci고리의 초점의 개수를 설명합니다. 원형(Circle)은 타원형(Ellipse)을 상속하므로, 원형은 타원형의 서브 클래스(subclass)이며, 타원형은 원형의 슈퍼 클래스(superclass)입니다. 마찬가지로, 삼각형(Triangle), 사각형(Rectangle) 및 다각형(Pentagon)은 다각형의 서브 클래스이며, 다각형은 그들의 슈퍼 클래스입니다. 마지막으로, 정方形(Square)은 사각형을 상속합니다.

이러한 상속 관계를 설명하는 가장 좋은 방법은 그림을 사용하는 것입니다. 이는 UML(통합 모델링 언어)의 장점입니다. UML의 주요 용도 중 하나는, 상속과 같은 복잡한 객체 관계를 시각적으로 표현하는 것입니다. 아래는 Shape과 그 서브 클래스 간의 관계를 설명하는 UML 그림입니다:

thừa kế cơ chế biểu đồ UML ví dụ

UML에서, 각 사각형은 클래스를 나타내며, 클래스 이름으로 설명됩니다. 삼각형, 사각형 및 다각형의 정상을 연결하는 선은 형상을 향해 모여 있으며, 이는 이러한 클래스가 형상에서 상속받았음을 나타냅니다. 마찬가지로, 정方形에서 사각형으로 향하는 화살표는 그들 간의 상속 관계를 설명합니다.