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