繼承的簡單介紹

lentrue 發(fā)布于2019-08-26 12:16 / 1635人閱讀

摘要：繼承原型式繼承所謂原型是繼承，就是定義一個(gè)函數(shù)，該函數(shù)中創(chuàng)建一個(gè)零食性的構(gòu)造函數(shù)，將作為參數(shù)傳入的對(duì)象作為這個(gè)構(gòu)造函數(shù)的原型，最后返回這個(gè)構(gòu)造函數(shù)的實(shí)例對(duì)象。借助構(gòu)造函數(shù)無論是原型鏈還是原型是繼承，都具有相同的問題。

繼承 原型鏈

原型鏈?zhǔn)钦f明

構(gòu)造函數(shù)或構(gòu)造器具有prototype屬性，對(duì)象具有proto屬性，這就是之前學(xué)習(xí)的原。如果構(gòu)造函數(shù)或?qū)ο驛。A的原型指向構(gòu)造函數(shù)或?qū)ο驜，B的原型在指向構(gòu)造函數(shù)或?qū)ο驝，依次類推，最終的構(gòu)造函數(shù)或?qū)ο笤椭赶騉bject的原型。由此形成一條鏈狀結(jié)構(gòu)，被稱之為原型鏈。按照上述描述，在B中定義的屬性或發(fā)放，可以直接在A中使用不需要定義。這就是繼承，它允許每一個(gè)對(duì)象訪問器原型鏈上的任何屬性和方法。
原型鏈實(shí)現(xiàn)繼承
function A(){
this.name ="a";
this.toString = function(){return this.name};
}
function B (){
this.name = "b"；
}
function C(){
this.name ="c";
this.age=18;
this.getAge =function(){return this.age};
}
B.prototype =new A();
C.prototype =new B();

只繼承于原型

出于對(duì)效率的考慮，盡可能地將屬性和方法添加到原型上。可以采取以下方式：
不要為繼承關(guān)系多帶帶創(chuàng)建對(duì)象；
盡量減少運(yùn)行的方法搜索。
代碼如下：
function A(){}
A.prototype.name ="a";
Aprototype.toString = function(){return this.name};
function B(){}
B.prototype=A.prototype;
B.prototype.name="b";
function C(){}
C.protype =B.protype;
C.protype.name="c";
C.protype.age=18;
C.protype.getAge =function(){return this.age};

原型鏈的問題

原型鏈雖然很強(qiáng)大，用它可以實(shí)現(xiàn)JavasScript中的繼承，但同時(shí)也存在一些問題。
原型鏈實(shí)際上是在多個(gè)構(gòu)造函數(shù)或?qū)ο笾苯庸蚕韺傩曰蚍椒ā?br>創(chuàng)建子類的對(duì)象是不能向父級(jí)的構(gòu)造函數(shù)傳遞任何參數(shù)。
綜上所述，在實(shí)際開發(fā)中很少會(huì)多帶帶使用原型鏈。

繼承

原型式繼承

所謂原型是繼承，就是定義一個(gè)函數(shù)，該函數(shù)中創(chuàng)建一個(gè)零食性的構(gòu)造函數(shù)，將作為參數(shù)傳入的對(duì)象作為這個(gè)構(gòu)造函數(shù)的原型，最后返回這個(gè)構(gòu)造函數(shù)的實(shí)例對(duì)象。
function object (o){
function F(){}
F.prototype = o ;
return new F();
}
根據(jù)原型繼承的總結(jié)的object（）函數(shù)實(shí)現(xiàn)繼承，如下代碼：
var preson ={
name:"MARY",
friends:["Tom","King"]
}
var anotherPerson =object(person);
anotherperson.friends.push("Rob");
console.log(antherperson.friends);
這種原型繼承要求必須具有一個(gè)對(duì)象可以看作最為另一個(gè)對(duì)象的基礎(chǔ)。

借助構(gòu)造函數(shù)

無論是原型鏈還是原型是繼承，都具有相同的問題。想要解決這樣的問題的話可以借助構(gòu)造函數(shù)（也可以叫做偽造對(duì)象的經(jīng)典繼承）。
這種方式實(shí)現(xiàn)非常簡單，就是在子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)。具體可以通過調(diào)用函數(shù)。
apply（）call（）方法實(shí)現(xiàn)。
apply（）和call()方法都允許傳遞制定某個(gè)對(duì)象的this。對(duì)于繼承來講，可以實(shí)現(xiàn)在子對(duì)象的構(gòu)造函數(shù)中調(diào)用父對(duì)象的構(gòu)造函數(shù)，將子對(duì)象的this和父對(duì)象的this綁定子啊一起。
代碼如下：
function SuperType（）{
this.color=["red","green","blue"];
}
function SubType(){
SuperType.call(this);
}
var instance=new Subtype();
instance.color；
組合方式繼承
組合繼承，也叫做為經(jīng)典繼承，指的是將原型鏈或原型繼承和借助構(gòu)造函數(shù)的技術(shù)組合在一起，發(fā)揮二中的長處繼承方式。
集體實(shí)現(xiàn)的思路就是：
使用原型鏈或原型是繼承實(shí)現(xiàn)對(duì)原型的繼承屬性和方法的繼承。
通過借助構(gòu)造函數(shù)實(shí)現(xiàn)的實(shí)例對(duì)象的屬性繼承。
這樣，即通過在原型上定義方法實(shí)現(xiàn)函數(shù)的重用，又可以保證每一個(gè)對(duì)象都又自己的專有屬性。
代碼如下：function SuperType(name){
this name = name;
}
superType.prototype.sayme=function(){
console.log(this.name)}