Javascript 繼承機制實例
實際上，幾何形狀只有兩種，即橢圓形（是圓形的）和多邊形（具有一定數(shù)量的邊）。圓是橢圓形的一種，它只有一個焦點。三角形、矩形和五邊形都是多邊形的一種，具有不同數(shù)量的邊。正方形是矩形的一種，所有的邊等長。這就構(gòu)成了一種完美的繼承關(guān)系。
在這個例子中，形狀（Shape）是橢圓形（Ellipse）和多邊形（Polygon）的基類（base class）（所有類都由它繼承而來）。橢圓具有一個屬性foci，說明橢圓具有的焦點的個數(shù)。圓形（Circle）繼承了橢圓形，因此圓形是橢圓形的子類（subclass），橢圓形是圓形的超類（superclass）。同樣的，三角形（Triangle）、矩形（Rectangle）和五邊形（Pentagon）都是多邊形的子類，多邊形是它們的超類。最后，正方形（Square）繼承了矩形。
最好用圖來解釋這種繼承關(guān)系，這是UML（統(tǒng)一建模語言）的用武之地。UML的主要用途之一是，可視化地表示像繼承這樣的復(fù)雜對象關(guān)系。圖4-1是解釋Shape和它的子類之間關(guān)系的UML圖示。
在UML中，每個方框表示一個類，由類名說明。Triangle、Rectangle和Pentagon頂部的線段匯集在一起，指向Shape，說明這些類都由Shape繼承而來。同樣的，從Square指向Rectangle的箭頭說明了它們之間的繼承關(guān)系。
如果有興趣學(xué)習(xí)UML，可以參考三位UML創(chuàng)始人所著的《UML用戶指南（第二版）》。
- Javascript 繼承機制的實現(xiàn)
- javascript類繼承機制的原理分析
- Javascript繼承機制的設(shè)計思想分享
- 由JavaScript中call()方法引發(fā)的對面向?qū)ο罄^承機制call的思考
- 基于JavaScript實現(xiàn)繼承機制之構(gòu)造函數(shù)+原型鏈混合方式的使用詳解
- 基于JavaScript實現(xiàn)繼承機制之原型鏈(prototype chaining)的詳解
- 基于JavaScript實現(xiàn)繼承機制之調(diào)用call()與apply()的方法詳解
- 阿里巴巴技術(shù)文章分享 Javascript繼承機制的實現(xiàn)
相關(guān)文章
這篇文章主要介紹了JavaScript電子時鐘倒計時的實現(xiàn)代碼，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
這篇文章主要介紹了JS獲取url參數(shù)、主域名的方法,結(jié)合實例形式分析了javascript針對主機域名、端口、路徑名、URL參數(shù)等的相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了javascript實現(xiàn)鏈接單選效果的方法,可實現(xiàn)點擊鏈接改變其背景色的功能,同時可禁用對應(yīng)鏈接的跳轉(zhuǎn),需要的朋友可以參考下2015-05-05
這篇文章主要介紹了js實現(xiàn)雙擊圖片放大單擊縮小的方法,涉及js操作圖片及onclick與ondblclick事件的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了小程序支持SVG，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
選擇指定數(shù)量后checkbox不可選(變灰)javascript代碼
選擇指定數(shù)量后checkbox不可選(變灰)javascript代碼2009-06-06
淺談javascript中字符串String與數(shù)組Array
這篇文章主要介紹了淺談javascript中字符串String與數(shù)組Array,需要的朋友可以參考下2014-12-12
人人網(wǎng)javascript面試題 可以提前實現(xiàn)下
JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現(xiàn)，不可使用任何框架，第五題為選作題2012-01-01
DOM是javascript操作網(wǎng)頁的接口，全稱為文檔對象模型(Document Object Model)。本文將主要說明DOM節(jié)點類型，有需要的可以參考借鑒。2016-08-08