js封裝可使用的構(gòu)造函數(shù)繼承用法分析
本文實例講述了js封裝可使用的構(gòu)造函數(shù)繼承用法。分享給大家供大家參考。具體如下：
先來看下面這段代碼
（YUI）庫所用的方法：
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;
}
另外還有一種拷貝繼承方法，屬性拷貝：
這種方法與之前的不同，由于已經(jīng)完成對child的原型進行擴展，不需要再重置child.prototype.constructor屬性了，因為它不會再被覆蓋。
與之前的方法相比，這個方法在效率上顯然略孫一籌。因為這里執(zhí)行的是對子對象原型的逐一拷貝。而非簡單的原型鏈查詢。
這種方式僅適用只包含基本數(shù)據(jù)類型的對象，所有的對象類型包括函數(shù)和數(shù)組，都是不可復(fù)制的，他們只支持引用傳遞。
var p = Parent.prototype;
var c = Child.prototype;
for (var i in p) {
c[i] = p[i];
}
c.uber = p;
}
var Shape = function(){}
var TwoDShape = function(){}
Shape.prototype.name = 'shape';
Shape.prototype.toString = function(){
return this.name;
}
extend2(TwoDShape,Shape);
var t = new TwoDShape();
t.name
//-->"shape"
t.toString();
//-->"shape"
TwoDShape.prototype.name = 'TwoDShape';
t.name
//-->"2d shape"
t.toString();
//-->"2d shape"
TwoDShape.prototype.toString === Shape.prototype.toString
//-->true
TwoDShape.prototype.name === Shape.prototype.name
//-->false
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了JavaScript之移動端H5生成圖片解決方案講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實例代碼 的相關(guān)資料,需要的朋友可以參考下2016-06-06
最近掌門人在寫3D游戲,對于其中的物理效果很感興趣,今天我將使用純JavaScript來實現(xiàn)一個簡易的物理模擬,其中包括碰撞檢測與響應(yīng)、摩擦力與空氣阻力、以及物體的破壞效果,文中通過代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-01-01
JSON 在很多場合下作為數(shù)據(jù)格式比XML要更加方便。JSON的數(shù)據(jù)由對象、數(shù)組和元素等格式組成。每種格式都可以包含合法的JavaScript數(shù)據(jù)類型2014-01-01
在ElementPlusUI組件庫中,mt-x類用于設(shè)置元素的外邊距,其中"mt"代表"margin-top",x表示外邊距的大小,這種類名的使用可以快速調(diào)整元素的頂部外邊距,簡化樣式管理,確保設(shè)計的一致性,本文給大家介紹Element Plus UI 組件庫中 mt-x 類基本知識,感興趣的朋友一起看看吧2024-11-11
微信開發(fā) 使用picker封裝省市區(qū)三級聯(lián)動模板
這篇文章主要學(xué)習(xí)微信開發(fā)，如何使用picker封裝省市區(qū)三級聯(lián)動模板,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了bootstrap實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
本篇文章主要介紹了JS觸摸事件、手勢事件詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要為大家詳細(xì)介紹了可拖拽組件slider.js的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了基于javascript實現(xiàn)窗口抖動效果,需要的朋友可以參考下2016-01-01