Javascript 상속 메커니즘 example_javascript 기술

실제로 기하학적 도형에는 타원(원형)과 다각형(특정 개수의 변이 있음)이라는 두 가지 유형만 있습니다. 원은 초점이 하나만 있는 타원의 한 유형입니다. 삼각형, 직사각형, 오각형은 변의 개수가 다양한 모든 유형의 다각형입니다. 정사각형은 모든 변의 길이가 같은 직사각형 유형입니다. 이는 완전한 상속 관계를 구성합니다.

이 예에서 Shape는 Ellipse 및 Polygon의 기본 클래스입니다(모든 클래스는 이 클래스에서 상속됨). 타원에는 타원의 초점 수를 나타내는 foci 속성이 있습니다. Circle은 Ellipse를 상속하므로 Circle은 Ellipse의 하위 클래스이고 Ellipse는 Circle의 슈퍼 클래스입니다. 마찬가지로 Triangle, Rectangle 및 Pentagon은 모두 Polygon의 하위 클래스이고 Polygon은 해당 상위 클래스입니다. 마지막으로 Square는 Rectangle을 상속받습니다.

이 상속 관계는 UML(Unified Modeling Language)이 사용되는 다이어그램을 사용하여 가장 잘 설명됩니다. UML의 주요 용도 중 하나는 상속과 같은 복잡한 개체 관계를 시각적으로 표현하는 것입니다. 그림 4-1은 Shape와 해당 하위 클래스 간의 관계를 설명하는 UML 다이어그램입니다.

UML에서 각 상자는 클래스 이름으로 설명되는 클래스를 나타냅니다. Triangle, Rectangle 및 Pentagon의 상단에 있는 선분은 함께 모여 Shape를 가리키며, 이는 이러한 클래스가 Shape에서 상속됨을 나타냅니다. 마찬가지로 정사각형에서 직사각형을 가리키는 화살표는 둘 사이의 상속 관계를 나타냅니다.

UML을 배우고 싶다면 세 명의 UML 창시자가 집필한 "UML 사용자 가이드(제2판)"를 참고하세요.