基于構(gòu)造函數(shù)的五種繼承方法小結(jié)
更新時間：2017年07月27日 09:14:07 投稿：jingxian
下面小編就為大家?guī)硪黄跇?gòu)造函數(shù)的五種繼承方法小結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1.使用call或apply綁定構(gòu)造函數(shù)
animal.apply(this.arguments)
2.使用prototype屬性
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;
var cat1 = new Cat("大毛","黃色");
alert(cat1.species); // 動物
3.直接集成prototype屬性
function Animal(){ }
Animal.prototype.species = "動物";
Cat.prototype = Animal.prototype;
Cat.prototype.constructor = Cat;
var cat1 = new Cat("大毛","黃色");
alert(cat1.species); // 動物
4.利用空對象作為中介
var F = function(){};
F.prototype = Animal.prototype;
Cat.prototype = new F();
Cat.prototype.constructor = Cat;
將上面的方法封裝成一個函數(shù)，便于使用：
function extend(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;
}
5.拷貝繼承
function extend2(Child, Parent) {
var p = Parent.prototype;
var c = Child.prototype;
for (var i in p) {
c[i] = p[i];
}
c.uber = p;
}
這個函數(shù)的作用，就是將父對象的prototype對象中的屬性，一一拷貝給Child對象的prototype對象。
以上這篇基于構(gòu)造函數(shù)的五種繼承方法小結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了微信小程序indexOf的替換方法,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
這篇文章主要介紹了JS實現(xiàn)隊列與堆棧的方法,結(jié)合實例形式分析了JavaScript實現(xiàn)隊列與堆棧的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-04-04
javascript中setAttribute()函數(shù)使用方法及兼容性
這篇文章主要介紹了javascript中setAttribute()函數(shù)使用方法及兼容性的相關(guān)資料,需要的朋友可以參考下2015-07-07
淺談類似于(function(){}).call()的js語句
這篇文章主要介紹了淺談類似于(function(){}).call()的js語句,的相關(guān)資料,需要的朋友可以參考下2015-03-03
JavaScript簡單實現(xiàn)網(wǎng)頁回到頂部功能
JavaScript簡單實現(xiàn)網(wǎng)頁回到頂部功能,大家可以參考一下2013-11-11
Javascript也是面向?qū)ο蟮恼Z言，但它是一種基于原型Prototype的語言，而不是基于類的語言。接下來通過本文給大家介紹Javascript中的Prototype到底是啥的相關(guān)知識，感興趣的朋友參考下2016-02-02
這篇文章主要介紹了JavaScript中點擊事件的寫法的相關(guān)資料,其中還給大家分享js觸發(fā)按鈕點擊功能的實現(xiàn)，本文介紹的非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
layui-table對返回的數(shù)據(jù)進行轉(zhuǎn)變顯示的實例
今天小編就為大家分享一篇layui-table對返回的數(shù)據(jù)進行轉(zhuǎn)變顯示的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Express框架中_router?對象數(shù)據(jù)結(jié)構(gòu)使用詳解
這篇文章主要為大家介紹了Express框架中_router的對象數(shù)據(jù)結(jié)構(gòu)使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡要說明。便于程序員用于快速參考。當(dāng)然，最有經(jīng)驗的開發(fā)人員對這些操作很熟悉，但我認為這是一個很好的方法幫助初學(xué)者理解這些函數(shù)，他可以幫助你使用簡單的語法,完成復(fù)雜的操作.2015-04-04