資訊專欄INFORMATION COLUMN
摘要：如下代碼所示，可以使用構(gòu)造函數(shù)來創(chuàng)建父對(duì)象，這樣做的話，自身的屬性和構(gòu)造函數(shù)的原型的屬性都將被繼承。方法繼承自對(duì)象這是中構(gòu)造函數(shù)鏈的一個(gè)示例。
代碼復(fù)用及其原則
代碼復(fù)用，顧名思義就是對(duì)曾經(jīng)編寫過的代碼的一部分甚至全部重新加以利用，從而構(gòu)建新的程序。在談及代碼復(fù)用的時(shí)候，我們首先可以想到的是繼承性。代碼復(fù)用的原則是：
優(yōu)先使用對(duì)象組合，而不是類繼承
在js中，由于沒有類的概念，因此實(shí)例的概念也就沒多大意義，js中的對(duì)象是簡單的鍵-值對(duì)，可以動(dòng)態(tài)的創(chuàng)建和修改它們。
但在js中，我們可以使用構(gòu)造函數(shù)和new操作符來實(shí)例化一個(gè)對(duì)象，這與其他使用類的編程語言在語法上有其相似之處。
例如：
var trigkit4 = new Person();
js在調(diào)用構(gòu)造函數(shù)Person時(shí)似乎看起來是一個(gè)類，但其實(shí)際上仍然是一個(gè)函數(shù)，這讓我們產(chǎn)生了一些假定在類的基礎(chǔ)上的開發(fā)思路和繼承模式，我們可以稱之為“類式繼承模式”。
傳統(tǒng)的繼承模式是需要class關(guān)鍵字的，我們假定以上的類式繼承模式為現(xiàn)代繼承模式，這是一種不需要以類的方式考慮的模式。
類式繼承模式看下面兩個(gè)構(gòu)造函數(shù)Parent()和Child()的例子：
當(dāng)使用new Child()語句創(chuàng)建一個(gè)對(duì)象時(shí)，它會(huì)通過原型從Parent()實(shí)例獲取它的功能，比如：
var kid = new Child(); kid.say();//Allen原型鏈
討論一下類式繼承模式下原型鏈的工作原理，我們將對(duì)象看做是內(nèi)存中某處的塊，該內(nèi)存塊包含數(shù)據(jù)以及指向其他塊的引用。當(dāng)用new Parent()語句創(chuàng)建一個(gè)對(duì)象時(shí)，就會(huì)創(chuàng)建如下圖左邊的這樣一個(gè)塊，這個(gè)塊保存了name屬性，如果想訪問say()方法，我們可以通過指向構(gòu)造函數(shù)Parent()的prototype（原型）屬性的隱式鏈接__proto__，便可訪問右邊區(qū)塊Parent.prototype。
那么，當(dāng)使用var kid = new Child()創(chuàng)建新對(duì)象時(shí)會(huì)發(fā)生什么？如下圖：
使用new Child()語句所創(chuàng)建的對(duì)象除了隱式鏈接__proto__外，它幾乎是空的。這種情況下，__proto__指向了在inherit()函數(shù)中使用new Parent()語句所創(chuàng)建的對(duì)象
當(dāng)執(zhí)行kid.say()時(shí)，由于最左下角的區(qū)塊對(duì)象并沒有say()方法，因此他將通過原型鏈查詢中間的區(qū)塊對(duì)象，然而，中間的區(qū)塊對(duì)象也沒有say()方法，因此他又順著原型鏈查詢到最右邊的區(qū)塊對(duì)象，而該對(duì)象正好有say()方法。完了嗎？
執(zhí)行到這里的時(shí)候并沒有完，在say()方法中引用了this.name，this指向構(gòu)造函數(shù)所創(chuàng)建的對(duì)象，在這里，它指向了new Child()這個(gè)區(qū)塊，然而，new Child()中并沒有name屬性，為此，將查詢中間區(qū)塊，而中間區(qū)塊正好有name屬性，至此，原型鏈的查詢完畢。
更詳細(xì)的討論請(qǐng)查看我這篇文章：JavaScript學(xué)習(xí)總結(jié)（五）原型和原型鏈詳解
共享原型本模式的法則在于：可復(fù)用的成員應(yīng)該轉(zhuǎn)移到原型中而不是放置在this中。因此，處于繼承的目的，任何值得繼承的東西都應(yīng)該放在原型中實(shí)現(xiàn)。所以，可以將子對(duì)象的原型與父對(duì)象的原型設(shè)置為相同即可，如下示例所示：
function inherit(C,P){
C.prototype = P.prototype;
}
子對(duì)象和父對(duì)象共享同一個(gè)原型，并且可以同等的訪問say()方法。然而，子對(duì)象并沒有繼承name屬性
原型繼承原型繼承是一種“現(xiàn)代”無類繼承模式?？慈缦聦?shí)例：
在原型模式中，并不需要使用對(duì)象字面量來創(chuàng)建父對(duì)象。如下代碼所示，可以使用構(gòu)造函數(shù)來創(chuàng)建父對(duì)象，這樣做的話，自身的屬性和構(gòu)造函數(shù)的原型的屬性都將被繼承。
本模式中，可以選擇僅繼承現(xiàn)有構(gòu)造函數(shù)的原型對(duì)象。對(duì)象繼承自對(duì)象，而不論父對(duì)象是如何創(chuàng)建的，如下實(shí)例：
繼承一個(gè)對(duì)象的功能
使用構(gòu)造函數(shù)鏈的概念和Function.apply()方法，來模擬js中傳統(tǒng)的類繼承行為：
首先，在newObject的構(gòu)造函數(shù)中，在oldObject上調(diào)用一個(gè)apply方法，傳入對(duì)新的對(duì)象的引用和參數(shù)數(shù)組。apply方法繼承自Function對(duì)象
newObject.prototype = new oldObject();
這是js中構(gòu)造函數(shù)鏈的一個(gè)示例。當(dāng)創(chuàng)建一個(gè)newObject的新實(shí)例的時(shí)候，newObject以這樣一種方式繼承了舊對(duì)象的方法和屬性。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/85382.html
摘要：設(shè)計(jì)模式的定義在面向?qū)ο筌浖O(shè)計(jì)過程中針對(duì)特定問題的簡潔而優(yōu)雅的解決方案。從前由于使用的局限性，和做的應(yīng)用相對(duì)簡單，不被重視，就更談不上設(shè)計(jì)模式的問題。 ‘從大處著眼，從小處著手’，以前對(duì)這句話一知半解，自從踏出校門走入社會(huì)，開始工作以來，有了越來越深的理解，偶有發(fā)現(xiàn)這句話用在程序開發(fā)中也有用，所以，近段時(shí)間開始嘗試著分析jQuery源碼，分析angularjs源碼，學(xué)習(xí)設(shè)計(jì)模式。 設(shè)...
摘要：策略模式由兩部分構(gòu)成一部分是封裝不同策略的策略組，另一部分是。策略模式的典型應(yīng)用場景是表單校驗(yàn)中，對(duì)于校驗(yàn)規(guī)則的封裝。然而圖像的壓縮及上傳錯(cuò)誤處理等部分是公用的。遂考慮使用策略模式封裝。 淺談 JavaScript 中策略模式的使用： 什么是設(shè)計(jì)模式 什么是策略模式 策略模式在 JavaScript 中的應(yīng)用（使用策略模式封裝百度AI識(shí)別調(diào)用） 策略模式在 Vue 組件封裝中的應(yīng)用（...
摘要：引言本文摘自設(shè)計(jì)模式與開發(fā)實(shí)踐在現(xiàn)實(shí)中，很多時(shí)候也有多種途徑到達(dá)同一個(gè)目的地。將不變的部分和變化的部分隔開是每個(gè)設(shè)計(jì)模式的主題，策略模式也不例外，策略模式的目的就是將算法的使用與算法的實(shí)現(xiàn)分離開來。一個(gè)基于策略模式的程序至少由兩部分組成。 引言 本文摘自《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》 在現(xiàn)實(shí)中，很多時(shí)候也有多種途徑到達(dá)同一個(gè)目的地。比如我們要去某個(gè)地方旅游，可以根據(jù)具體的實(shí)...
摘要：是模板方法，他封裝了子類中算法框架，它作為一個(gè)算法的模板，去指導(dǎo)子類以什么樣的順序去執(zhí)行代碼。制定算法骨架，讓子類具體實(shí)現(xiàn)，這大概就是模板方法模式了吧 模板方法模式： 把相似的流程抽象出來作為一個(gè)父類，來封裝好子類的算法框架，然后子類繼承這個(gè)父類，并且可以重寫非公有的方法，來實(shí)現(xiàn)自己的業(yè)務(wù)邏輯。 聚個(gè)栗子 泡茶泡咖啡是很好的例子，不同企業(yè)的面試流程也是一個(gè)很好的例子對(duì)于很多大型公司，...
摘要：事件多路復(fù)用器收集資源的事件并且把這些事件放入隊(duì)列中，直到事件被處理時(shí)都是阻塞狀態(tài)。最后，處理事件多路復(fù)用器返回的每個(gè)事件，此時(shí)，與系統(tǒng)資源相關(guān)聯(lián)的事件將被讀并且在整個(gè)操作中都是非阻塞的。 本系列文章為《Node.js Design Patterns Second Edition》的原文翻譯和讀書筆記，在GitHub連載更新，同步翻譯版鏈接。 歡迎關(guān)注我的專欄，之后的博文將在專欄同步：...
閱讀 3744·2023-04-26 02:10
閱讀 1585·2021-11-22 15:25
閱讀 1814·2021-09-22 10:02
閱讀 1062·2021-09-06 15:02
閱讀 3626·2019-08-30 15:55
閱讀 746·2019-08-30 13:58
閱讀 2916·2019-08-30 12:53
閱讀 3221·2019-08-29 12:38
