繼承大法好

原型鏈方法(仿傳統(tǒng))

child.prototype= new Parent();

所屬模式:

  1. 基于構(gòu)造器工作模式
  2. 使用原型鏈模式(ECMA標(biāo)準(zhǔn)中的默認(rèn)繼承機(jī)制)

提示:我們可以將方法與屬性集中可重用的部分遷移到原型鏈中迅箩,而將不可重用的那部分設(shè)置為對象的自身

僅從原型繼承法

child.prototype = parent.prototype

所屬模式:

  1. 基于構(gòu)造器工作模式
  2. 原型拷貝模式(不存在原型搀罢,所有的對象共享一個原型對象)

由于該模式在構(gòu)建繼承關(guān)系時不需要新建對象實(shí)例悲柱,效率上會有較好的表現(xiàn)。原型鏈上的查詢也會比較快臭笆,因?yàn)檫@里根本不存在鏈缭裆,而缺點(diǎn)在于對子對象的修改也會影響到其父對象。

臨時構(gòu)造器法

function extend (Child,Parent){
   var F = function(){};
   F.prototype = Parent.prototype;
  Child.prototype = new F();
  //還原Child.prototype的constructor;
  Child.prototype.constructor = Child;
  Child.uber = Parent.prototype;
}

所屬模式:

  1. 基于構(gòu)造器工作模式
  2. 原使用型拷貝模式

它不同于原型鏈方法,它只繼承父對象的原型屬性淑际,而對于其自身屬性(也就是被構(gòu)造添加到this值中的屬性)則不予繼承畏纲。改模式在YUI與Extjs等程序庫均有應(yīng)用。另外春缕,該模式還為我們訪問父對象提供便利的方式(即使用uber屬性)盗胀。

原型屬性拷貝法

function extend2(Child,Parent){
  var p = Parent.prototype;
  var c = Child.prototype;
  for (var i in p){
    c[i]= p[i];
  }
  c.uber = p ; 
}

所屬模式:

  1. 基于構(gòu)造器工作模式
  2. 拷貝屬性模式
  3. 使用原型模式
  • 將父對象原型中的內(nèi)容全部轉(zhuǎn)換為子對象原型屬性。
  • 無需為繼承單獨(dú)創(chuàng)造對象實(shí)例锄贼。
  • 原型鏈本身也更短票灰。

全屬性拷貝法(淺拷貝)

function extendCopy(p){
  var c = {};
  for (var i in p){
    c[i] = p[i];
  }
  c.uber = p;
  return c;
}

所屬模式:

  1. 基于對象工作模式
  2. 屬性拷貝模式

非常簡單化,在Firebug宅荤、jQuery以及Prototype.js的早期版本中都又應(yīng)用屑迂。引入了淺拷貝的概念。不能作用于原型屬性冯键。

深拷貝法

function extendCopy(p){
  var c = {};
  for (var i in p){
    c[i] = p[i];
  }
  c.uber = p;
  return c;
}
//需要在遇到對象類型時重復(fù)一下

所屬模式:

  1. 基于對象工作模式
  2. 屬性拷貝模式

與淺拷貝基本相同惹盼,但是所有對象執(zhí)行的都是值傳遞。在jQuery近期版本中被廣泛應(yīng)用惫确。

原型繼承法

function object(o){
  function F(){};
  F.prototype = o;
  return new F();
}

所屬模式:

  1. 基于對象工作模式
  2. 使用原型鏈模式

丟開了仿類機(jī)制手报,直接在對象之間構(gòu)建繼承關(guān)系。發(fā)揮原型固有優(yōu)勢改化。

擴(kuò)展與增強(qiáng)模式

function objectPlus(o,stuff){
  var n; 
  function F(){};
  F.prototype = o ; 
  n = new F();
  n.uber = o;
  for (var i in stuff){
    n[i]=stuff[i];
  }
  return n;
}

所屬模式:

  1. 基于對象工作模式
  2. 使用原型鏈模式
  3. 屬性拷貝模式掩蛤。

該方法是原型繼承法和屬性拷貝法的混合應(yīng)用。它通過一個函數(shù)一次性完成對象的繼承與擴(kuò)展陈肛。

多重繼承法

function multi(){
  var n ={}, stuff,j = 0,
      len =arguments.length;
  for( j=0; j<len; j++){
    stuff = arguments[j];
    for (var i in stuff){
      n[j] =stuff[i];
    }
  }
  return n;
}

所屬模式:

  1. 基于對象工作模式
  2. 屬性拷貝模式

一個混合插入式繼承實(shí)現(xiàn)揍鸟。它會按照父對象的出現(xiàn)順序依次對它們執(zhí)行屬性全拷貝。

寄生繼承法

function parasite(victim){
   var that = object (victim);
   that.more= 1;
   return that;
}

所屬模式:

  1. 基于對象工作模式
  2. 使用原型鏈模式

該方法通過一個類似構(gòu)造器的函數(shù)來創(chuàng)建對象句旱。該函數(shù)會執(zhí)行相應(yīng)的對象拷貝蜈亩,并對其進(jìn)行擴(kuò)展懦窘,然后返回該拷貝。

構(gòu)造器借用法

function Child(){
  Parent.apply(this,arguments);
}

所屬模式:

  1. 基于構(gòu)造器工作模式
  • 該方法可以只繼承父對象的自身屬性稚配,也可以與原型鏈方法結(jié)合使用畅涂,以便從原型中繼承相關(guān)內(nèi)容。
  • 它便于我們的子對象繼承某個對象的具體屬性(并且還有可能是引用類屬性)時道川,選擇最簡單的處理方式午衰。

構(gòu)造器借用與屬性拷貝法

function Child(){
  parent.apply(this,arguments);
}
extend2(Child,Parent);

所屬模式:

  1. 使用構(gòu)造器工具模式
  2. 使用原型鏈模式
  3. 屬性拷貝模式

整理自


第6章《繼承》
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市冒萄,隨后出現(xiàn)的幾起案子臊岸,更是在濱河造成了極大的恐慌,老刑警劉巖尊流,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帅戒,死亡現(xiàn)場離奇詭異,居然都是意外死亡崖技,警方通過查閱死者的電腦和手機(jī)逻住,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來迎献,“玉大人瞎访,你說我怎么就攤上這事∮趸校” “怎么了扒秸?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長冀瓦。 經(jīng)常有香客問我伴奥,道長,這世上最難降的妖魔是什么翼闽? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任渔伯,我火速辦了婚禮,結(jié)果婚禮上肄程,老公的妹妹穿的比我還像新娘锣吼。我一直安慰自己,他們只是感情好蓝厌,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布玄叠。 她就那樣靜靜地躺著,像睡著了一般拓提。 火紅的嫁衣襯著肌膚如雪读恃。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機(jī)與錄音寺惫,去河邊找鬼疹吃。 笑死,一個胖子當(dāng)著我的面吹牛西雀,可吹牛的內(nèi)容都是我干的萨驶。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼艇肴,長吁一口氣:“原來是場噩夢啊……” “哼腔呜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起再悼,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤核畴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后冲九,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谤草,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年莺奸,在試婚紗的時候發(fā)現(xiàn)自己被綠了丑孩。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡憾筏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出花鹅,到底是詐尸還是另有隱情氧腰,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布刨肃,位于F島的核電站古拴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏真友。R本人自食惡果不足惜黄痪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望盔然。 院中可真熱鬧桅打,春花似錦、人聲如沸愈案。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽站绪。三九已至遭铺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背魂挂。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工甫题, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人涂召。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓坠非,卻偏偏與公主長得像,于是被迫代替她去往敵國和親芹扭。 傳聞我的和親對象是個殘疾皇子麻顶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 博客內(nèi)容:什么是面向?qū)ο鬄槭裁匆嫦驅(qū)ο竺嫦驅(qū)ο缶幊痰奶匦院驮瓌t理解對象屬性創(chuàng)建對象繼承 什么是面向?qū)ο?面向?qū)ο?..
    _Dot912閱讀 1,403評論 3 12
  • 1.繼承(接口繼承和實(shí)現(xiàn)繼承) 繼承是 OO 語言中的一個最為人津津樂道的概念。許多 OO 語言都支持兩種繼承方式...
    believedream閱讀 941評論 0 3
  • 工作匯報是一個高頻應(yīng)用舱卡,但使用時并不支持插入圖片等富文本編輯功能辅肾。 于是我建議: 得到的回復(fù)是: 然后我無意中打開...
    少俠難掩真風(fēng)雅閱讀 190評論 0 0
  • 第21篇 《我的天哪》 誰把地上的塵土 拉到了天空 風(fēng)走過的地方 太陽瞇著眼睛 空氣是渾濁的 樹木是臟兮兮的 連我...
    好郝說話閱讀 289評論 0 3
  • 你在笑 我忘卻了煩惱 你睡醒 聽著懶懶的聲音 我猶入仙境 言語的挑逗 那不是曖昧 是我赤裸裸的招惹你 讓你習(xí)慣我的...
    蟄伏的愛lby閱讀 180評論 0 0