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

JavaScript继承实现方式一览

2012年04月01日 ⁄ 综合 ⁄ 共 1122字 ⁄ 字号 评论关闭

继承

类继承

类抄写

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(){
}
parent.prototype.x
=1;

function child(){
}
for(var p in parent.prototype)child.prototype[p]=parent.prototype[p];
child.prototype.y
=2;

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);

 

抱歉!评论已关闭.