JavaScript继承实现方式一览

最新推荐文章于 2013-05-04 22:31:00 发布

青松

最新推荐文章于 2013-05-04 22:31:00 发布

阅读量608

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/heqingsong1/article/details/8795189

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

继承

类继承

类抄写

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