基于構造函數(shù)的五種繼承方法小結
更新時間：2017年07月27日 09:14:07 投稿：jingxian
下面小編就為大家?guī)硪黄跇嬙旌瘮?shù)的五種繼承方法小結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1.使用call或apply綁定構造函數(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對象。
以上這篇基于構造函數(shù)的五種繼承方法小結就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
js是單線程事件循環(huán)模型，同步操作與異步操作時代碼所依賴的核心機制，異步行為是為了優(yōu)化因計算量大而時間長的操作，本文詳細給大家介紹了JS中的異步編程和事件循環(huán)機制，文中有詳細的代碼示例,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了javascript實現(xiàn)全屏頁面滾動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了微信小程序文章詳情功能,結合完整實例形式詳細分析了微信小程序文章詳情功能具體步驟、原理及功能實現(xiàn)技巧,需要的朋友可以參考下2020-06-06
javascript的鼠標事件是個比較龐大的家族。需要的朋友可以參考下。2009-12-12
20分鐘打造屬于你的Bootstrap站點，學會使用twitter bootstrap建立一個站點，從而鞏固Bootstrap一系列基礎知識，感興趣的小伙伴們可以參考一下2016-07-07
讓回調函數(shù) showResponse 也帶上參數(shù)的代碼
讓回調函數(shù) showResponse 也帶上參數(shù)的代碼...2007-08-08
下面是小編給大家分享的js獲取鼠標選中的文字和js獲取鼠標選中的值關鍵代碼，大家如果有需要可以參考下2016-08-08
使用javascript制作的2048小游戲非常好玩，有意思，下面給大家分享使用javascript代碼制作的2048游戲，需要的朋友參考下吧2016-03-03
這篇文章主要介紹了基于Bootstrap框架實現(xiàn)圖片切換的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了js實現(xiàn)文本框寬度自適應文本寬度的方法,可實現(xiàn)根據(jù)文本框內(nèi)容動態(tài)改變寬度的功能,涉及javascript動態(tài)操作頁面元素屬性的技巧,需要的朋友可以參考下2015-08-08