Mô hình kế thừa ECMAScript ví dụ minh họa

Bài này sử dụng một ví dụ kinh điển để giải thích cơ chế kế thừa của ECMAScript.

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

Cách đơn giản nhất để giải thích cơ chế kế thừa là sử dụng một ví dụ kinh điển - hình học. Thực tế, hình học chỉ có hai loại, đó là hình tròn (là hình tròn) và hình đa giác (có số cạnh nhất định). Hình tròn là một loại hình tròn, chỉ có một điểm焦. Hình tam giác, hình vuông và hình ngũ giác là một loại hình đa giác, có số cạnh khác nhau. Hình vuông là một loại hình vuông, tất cả các cạnh đều dài. Điều này tạo nên một mối quan hệ kế thừa hoàn hảo.

Trong ví dụ này, hình (Shape) là lớp cơ bản (base class) của hình tròn (Ellipse) và hình đa giác (Polygon) (tất cả các lớp đều kế thừa từ nó). Hình tròn có một thuộc tính focigiải thích số lượng điểm焦 của hình tròn.

Tốt nhất là sử dụng hình ảnh để giải thích mối quan hệ kế thừa này, đó là nơi sử dụng của UML (Ngôn ngữ mô hình hóa thống nhất). Một trong những mục đích chính của UML là biểu diễn một cách trực quan các mối quan hệ đối tượng phức tạp như kế thừa. Hình vẽ dưới đây là biểu đồ UML giải thích mối quan hệ giữa Shape và các lớp con của nó:

Mô hình kế thừa UML ví dụ minh họa

Trong UML, mỗi khung biểu thị một lớp, được mô tả bởi tên lớp. Các đoạn thẳng từ đỉnh của hình tam giác, hình vuông và hình ngũ giác tập hợp lại và chỉ vào hình dạng, cho thấy các lớp này đều kế thừa từ hình dạng đó. Similar, mũi tên từ hình vuông chỉ vào hình vuông cho thấy mối quan hệ kế thừa giữa chúng.