繼承復(fù)習(xí)

1、原型鏈---繼承通過創(chuàng)建父類的實(shí)例贸铜。本質(zhì)上市重寫原型對(duì)象

function SuperType(){
    this.property = true;
}
SuperType.prototype.getSuperValue = function(){
    return this.property;
}
function SubType(){
    this.subproperty = false;
}
//繼承了SuperType
SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function(){
    return this.subproperty;
}

var instance = new SubType();
alert(instance.getSubValue());

使用字面量添加的新方法堡纬,會(huì)使,繼承一行的代碼無效蒿秦。constructor指向變了烤镐。

 SubType.prototype = new SuperType();
 SubType.prototype = {
    getSubValue:function(){},
    getName:function(){}
 }

2、借用構(gòu)造函數(shù)---即在子類型構(gòu)造函數(shù)內(nèi)部調(diào)用超類型構(gòu)造函數(shù)

function SuperType(){
    this.colors = ["red","blue","green"];
}
function SubType(){
    //繼承了SuperType
    SuperType.call(this);
}
var instance = new SubType();
instance.colors.push("black");
alert(instance.colors);//"red,blue,green,black"
var instance2 = new SubType();
alert(instance2.colors);//"red,blue,green"

相對(duì)于原型鏈的優(yōu)勢(shì)即可以在子類型構(gòu)造函數(shù)中向超類型構(gòu)造函數(shù)中傳遞參數(shù)call()使用
問題:方法都在構(gòu)造函數(shù)中定義棍鳖。

3炮叶、組合繼承---原型鏈和構(gòu)造函數(shù)技術(shù)組合到一起

function SuperType(name){
    this.name = name;
    this.colors = ["red","blue","green"];
}
SuperType.prototype.sayName = function (){
    return this.name;
}
function SubType(name,age){
    //繼承屬性
    SuperType.call(this,name);
    this.age = age;
}

//繼承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
    return this.age;
}
var instance1 = new SubType("Nicholas",20);
instance1.colors.push("black");
alert(instance1.colors);//"red,blue,green,black"
instance1.sayName();//"Nicholas"
instance1.sayAge();//20

var instance2 = new SubType("Jemmy",30);
alert(instance2.colors);//"red,blue,green"
instance2.sayName();//"Jemmy"
instance2.sayAge();//30
//避免了原型鏈和構(gòu)造函數(shù)的缺點(diǎn)。

4、原型式繼承--借助原型可以基于已有的對(duì)象創(chuàng)建新對(duì)象

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

在object函數(shù)內(nèi)部先創(chuàng)建一個(gè)臨時(shí)的構(gòu)造函數(shù)悴灵,然后將傳入的對(duì)象作為這個(gè)構(gòu)造函數(shù)的原型扛芽,最后返回這個(gè)臨時(shí)類型的一個(gè)新實(shí)例。
從本質(zhì)上講积瞒,object()對(duì)其傳入其中的對(duì)象執(zhí)行了一次淺復(fù)制

var person = {
    name:"Nicholas",
    fridens:["Shelby","Court","Van"]
};

var anotherPerson = object(person);
anotherPerson.name = "Greg";
anotherPerson.fridens.push("Rob");

var yetAnotherPerson = object(person);
yetAnotherPerson.name = "Linda";
yetAnotherPerson.fridens.push("Barbie");
alert(person.fridens);//""Shelby,Court,Van,Rob,Barbie"

ECMAScript5通過熙增Object.create()方法規(guī)范了原型式繼承與上面的object()行為相同川尖。

var person = {
    name:"Nicholas",
    fridens:["Shelby","Court","Van"]
};
var anotherPerson = Object.create(person);
anotherPerson.name = "Greg";
anotherPerson.fridens.push("Rob");

var yetAnotherPerson = Object.create(person);
yetAnotherPerson.name = "Linda";
yetAnotherPerson.fridens.push("Barbie");
alert(person.fridens);//""Shelby,Court,Van,Rob,Barbie"

5、寄生式繼承--創(chuàng)建一個(gè)僅用于封裝繼承過程的函數(shù)茫孔。該函數(shù)內(nèi)部以某種方式來增強(qiáng)對(duì)象叮喳,最后再像真地是它做了所有工作一樣返回對(duì)象。

function createAnother(original){
    var clone = create(original);
    clone.sayHi = function(){
        alert("HI");
    };
    return clone;
}

var person = {
    name:"Nicholas",
    fridens:["Shelby","Court","Van"]
};
var anotherPerson = createAnother(person);
anotherPerson.sayHi();//"HI"
//create()不是必須的缰贝,只要能夠返回新對(duì)象的函數(shù)都適用于此模式馍悟。

6、寄生組合式繼承--組合式繼承問題就是無論在什么情況下剩晴,都會(huì)調(diào)用兩次超類型構(gòu)造函數(shù)锣咒。一次是在創(chuàng)建子類型原型的時(shí)候。另一次在子類型內(nèi)部
寄生組合式繼承即通過借用構(gòu)造函數(shù)來繼承屬性赞弥,通過原型鏈混成形式來繼承方法毅整,本質(zhì):不必為了指定子類型的原型而調(diào)用超類型的構(gòu)造函數(shù)

function inheritProrotype(SubType,SuperType){
    var prototype = create(SuperType.prototype);
    prototype.constructor = SubType;
    SubType.prototype = prototype;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市绽左,隨后出現(xiàn)的幾起案子悼嫉,更是在濱河造成了極大的恐慌,老刑警劉巖拼窥,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件戏蔑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡鲁纠,警方通過查閱死者的電腦和手機(jī)总棵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來房交,“玉大人彻舰,你說我怎么就攤上這事伐割『蛭叮” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵隔心,是天一觀的道長白群。 經(jīng)常有香客問我,道長硬霍,這世上最難降的妖魔是什么帜慢? 我笑而不...
    開封第一講書人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上粱玲,老公的妹妹穿的比我還像新娘躬柬。我一直安慰自己,他們只是感情好抽减,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開白布允青。 她就那樣靜靜地躺著,像睡著了一般卵沉。 火紅的嫁衣襯著肌膚如雪颠锉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評(píng)論 1 299
  • 那天史汗,我揣著相機(jī)與錄音琼掠,去河邊找鬼。 笑死停撞,一個(gè)胖子當(dāng)著我的面吹牛瓷蛙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播戈毒,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼速挑,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了副硅?” 一聲冷哼從身側(cè)響起姥宝,我...
    開封第一講書人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎恐疲,沒想到半個(gè)月后腊满,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡培己,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年碳蛋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片省咨。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡肃弟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出零蓉,到底是詐尸還是另有隱情笤受,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布敌蜂,位于F島的核電站箩兽,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏章喉。R本人自食惡果不足惜汗贫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一身坐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧落包,春花似錦部蛇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嘹害,卻和暖如春撮竿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背笔呀。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來泰國打工幢踏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人许师。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓房蝉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親微渠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子搭幻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353