JavaScript继承实现方式一览

继承

类继承

类抄写

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

 

你可能感兴趣的:(JavaScript)