现在的位置: 首页 > 综合 > 正文

js继承

2013年12月01日 ⁄ 综合 ⁄ 共 1311字 ⁄ 字号 评论关闭

这个应该是比较全面的理解了 不知道以后会不会有新的认识

继承

类继承

类抄写

function parent(){
    this.x=10;
}
function child(){
    var parentObj=new parent();
    for(var p in parentObj)this[p]=parentObj[p];
}
var childObj=new child();
alert(childObj.x);

类冒充

function parent(){
    this.x=10;
}
function child(){
    this.parent=parent;
    this.parent();
    delete this.parent;
}
var childObj=new child();
alert(childObj.x);

function parent(){
    this.x=10;
}
function child(){
    parent.call(this);
}
var childObj=new child();
alert(childObj.x);

 

元类继承

function parent(string){
    var child=new Function("this.x=10;"+string);
    return child;
}
var child=new parent("this.y=20;");

var childObj=new child();
alert(childObj.y);

原型继承

引用型原型继承

function parent(){
    this.x=10;
}
function child(){
}
child.prototype=new parent();
var childObj=new child();
alert(childObj.x);

复制型原型继承

function parent(){
    this.x=10;
}
function child(){
    var ret=new parent();
    ret.y=20;
    return ret;
}

var childObj=new child();
alert(childObj.x);

 

======================

<script>
function parent(){
    this.x=10;
    this.add = function ()
    {
    }
}
function child(){
}
child.prototype=new parent();
var childObj=new child();
alert(childObj.add);
</script>
 
除了child.prototype=new parent();
还需将child.prototype.constructor指回child构造函数
 
<script>
function parent(){
    this.x=10;
    this.add = function ()
    {
    }
}
function child(){
   parent.call(this);
}
var childObj=new child();
alert(childObj.add);
</script>
【上篇】
【下篇】

抱歉!评论已关闭.