亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js封裝可使用的構(gòu)造函數(shù)繼承用法分析

 更新時(shí)間:2015年01月28日 11:43:19   投稿:shichen2014  
這篇文章主要介紹了js封裝可使用的構(gòu)造函數(shù)繼承用法,實(shí)例分析了使用屬性拷貝來實(shí)現(xiàn)拷貝繼承的技巧,需要的朋友可以參考下

本文實(shí)例講述了js封裝可使用的構(gòu)造函數(shù)繼承用法。分享給大家供大家參考。具體如下:

先來看下面這段代碼

(YUI)庫所用的方法:

復(fù)制代碼 代碼如下:
function extend(Child, Parent) {

    var F = function(){};
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
    Child.uber = Parent.prototype;
}

另外還有一種拷貝繼承方法,屬性拷貝:

這種方法與之前的不同,由于已經(jīng)完成對child的原型進(jìn)行擴(kuò)展,不需要再重置child.prototype.constructor屬性了,因?yàn)樗粫?huì)再被覆蓋。

與之前的方法相比,這個(gè)方法在效率上顯然略孫一籌。因?yàn)檫@里執(zhí)行的是對子對象原型的逐一拷貝。而非簡單的原型鏈查詢。

這種方式僅適用只包含基本數(shù)據(jù)類型的對象,所有的對象類型包括函數(shù)和數(shù)組,都是不可復(fù)制的,他們只支持引用傳遞。

復(fù)制代碼 代碼如下:
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程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評論