javascript關于繼承解析
來源:易賢網 閱讀:1102 次 日期:2016-07-01 14:45:42
溫馨提示:易賢網小編為您整理了“javascript關于繼承解析”,方便廣大網友查閱!

下面小編就為大家全面的介紹一下javascript在的繼承。希望對大家有所幫助。一起跟隨小編過來看看吧

原型式繼承

調用一個函數,接收這個函數返回來的對象,這個對象的原型就是傳入函數的參數對象。

如:

function  personObject(o){

    function F(){}

    F.prototype = o;

    return new F();

}

var person = {

   name:"Nicholas",

   friends:["Shelby","Court","Van"]

}

var person_one = personObject(person);

從上面的代碼中,我們知道person是person_one的原型。ES5中添加了一個方法規(guī)范化原型式繼承,這個方法是Object.create(),這個方法有兩個參數,第一個是作為新對象原型的對象,像上面的person,第二個是為新對象定義額外屬性的對象。第二個參數可選。

如:

var person_one = Object.create(person, {

        name: {

            value:"Jon"

      }

});

當你只想讓一個對象與另一個對象保持類似時,可以使用原型式繼承。

寄生式繼承   

在一個函數里實現一次原型式繼承,然后為接收到的這個對象添加自己的屬性與方法。

如:

function createAnother(o){

   var person_one = personObject(o);

   person_one.sayHi = function(){

       alert(" hi ");

   }

   return person_one;

}

寄生組合式繼承

組合繼承也有其缺點,它實現了兩次屬性繼承,而寄生組合式繼承就避免了這個問題。實例通過構造函數繼承了屬性,而原型的方法則是通過寄生式繼承的方式來繼承。

如:

function inherit(subType, superType){

   var prototype = Object(superType.prototype);

   prototype.constructor = subType;

   subType.prototype = prototype;

}

通過調用上面的函數,實現subTye.prototype的原型是superType.prototype,完成了原型方法的繼承。

以上這篇javascript關于繼承解析就是小編分享給大家的全部內容了,希望能給大家一個參考

更多信息請查看網絡編程
易賢網手機網站地址:javascript關于繼承解析

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網