ECMAScript 繼承機(jī)制實(shí)例

本節(jié)使用一個(gè)經(jīng)典的例子解釋 ECMAScript 的繼承機(jī)制。

繼承機(jī)制實(shí)例

說明繼承機(jī)制最簡(jiǎn)單的方式是，利用一個(gè)經(jīng)典的例子 - 幾何形狀。實(shí)際上，幾何形狀只有兩種，即橢圓形（是圓形的）和多邊形（具有一定數(shù)量的邊）。圓是橢圓的一種，它只有一個(gè)焦點(diǎn)。三角形、矩形和五邊形都是多邊形的一種，具有不同數(shù)量的邊。正方形是矩形的一種，所有的邊等長(zhǎng)。這就構(gòu)成了一種完美的繼承關(guān)系。

在這個(gè)例子中，形狀（Shape）是橢圓形（Ellipse）和多邊形（Polygon）的基類（base class）（所有類都由它繼承而來）。橢圓具有一個(gè)屬性 foci，說明橢圓具有的焦點(diǎn)的個(gè)數(shù)。圓形（Circle）繼承了橢圓形，因此圓形是橢圓形的子類（subclass），橢圓形是圓形的超類（superclass）。同樣，三角形（Triangle）、矩形（Rectangle）和五邊形（Pentagon）都是多邊形的子類，多邊形是它們的超類。最后，正方形（Square）繼承了矩形。

最好用圖來解釋這種繼承關(guān)系，這是 UML（統(tǒng)一建模語言）的用武之地。UML 的主要用途之一是，可視化地表示像繼承這樣的復(fù)雜對(duì)象關(guān)系。下面的圖示是解釋 Shape 和它的子類之間關(guān)系的 UML 圖示：

在 UML 中，每個(gè)方框表示一個(gè)類，由類名說明。三角形 、矩形和五邊形頂部的線段匯集在一起，指向形狀，說明這些類都由形狀繼承而來。同樣，從正方形指向矩形的箭頭說明了它們之間的繼承關(guān)系。