js封裝可使用的建構函式繼承用法分析，js建構函式

js封裝可使用的建構函式繼承用法分析，js建構函式

本文執行個體講述了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屬性了，因為它不會再被覆蓋。

與之前的方法相比，這個方法在效率上顯然略孫一籌。因為這裡執行的是對子物件原型的逐一拷貝。而非簡單的原型鏈查詢。

這種方式僅適用只包含基礎資料型別 (Elementary Data Type)的對象，所有的物件類型包括函數和數組，都是不可複製的，他們只支援引用傳遞。
複製代碼 代碼如下: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程式設計有所協助。