本文實例講述了js封裝可使用的構造函數繼承用法。分享給大家供大家參考。具體如下:
先來看下面這段代碼
(YUI)庫所用的方法:
復制代碼 代碼如下:function extend(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;
}
另外還有一種拷貝繼承方法,屬性拷貝:
這種方法與之前的不同,由於已經完成對child的原型進行擴展,不需要再重置child.prototype.constructor屬性了,因為它不會再被覆蓋。
與之前的方法相比,這個方法在效率上顯然略孫一籌。因為這裡執行的是對子對象原型的逐一拷貝。而非簡單的原型鏈查詢。
這種方式僅適用只包含基本數據類型的對象,所有的對象類型包括函數和數組,都是不可復制的,他們只支持引用傳遞。
復制代碼 代碼如下:function extend2(Child, Parent) {
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程序設計有所幫助。