总结javascript继承的两种方式的N中写法

最近翻看博客园，总结了一下javascript的继承方式：prototype和copy继承方式。

一、prototype方式

当一个函数被创建时，Function构造函数产生的函数会隐式的被赋予一个prototype属性，prototype包含一个constructor对象

而constructor便是该新函数对象（constructor意义不大，但是可以帮我们找到继承关系）

每个函数都会有一个prototype属性，该属性指向另一对象，这个对象包含可以由特定类型的所有实例共享的属性和方法

每次实例化后，实例内部都会包含一个[[prototype]]（__proto__）的内部属性，这个属性指向prototype

（以上图片取自叶小钗博客）

二、copy方式

function extend(child,parent)//通过临时构造器继承

{

    var f=function(){};

    f.prototype=parent.prototype;

    child.prototype=new f();

    child.prototype.constructor=child;

    child.uber=parent.prototype;//uber 类似其他语言里的SuperClass

}

function extend2(child,parent)//传递superclass

{

    var c=child.prototype;

    var p=parent.prototype;

    for(var v in p)

    {

        c[v]=p[v];

    }

    child.uber=parent.prototype;

}

function extendcopy(parent)

{

    var temp={};

    for(var t in parent)

    {

        temp[t]=parent[temp];

    }

    temp.uber=parent;

    return temp;

}

function deepcopy(child,parent)

{

    var c=child||{};

    for(var t in parent)

    {

        if(typeof parent[t]==="object")

        {

            c[t]=(parent[t].constructor==="Array")?[]:{};

            deepcopy(c[t],parent[t]);

        }

        else

        {

            c[t]=parent[t];

        }

    }

    return c;

}

function objectextend(o)

{

    function f(){};

    f.prototype=o;

    return new f();

}

function objectextend2(o)

{

    function f(){};

    f.prototype=o;

    var n=new f();

    n.uber=o;

    return n;

}

function extendcopyplus(o,stuff)

{

    function f(){};

    f.prototype=o;

    var n=new f();

    n.uber=o;

    for(var t in stuff)

    {

        n[t]=stuff[t];

    }

    return n;

}

至于哪种方式更好，完全取决于自己的意愿。

jquery使用的就是深拷贝～

巴特西

总结javascript继承的两种方式的N中写法

一、prototype方式

二、copy方式

最新文章

热门文章