当前位置：首页 > 资讯 > 技术文档

JavaScript继承方式实例

时间：2021-09-22 23:55 编辑：来源：阅读：
扫一扫，手机访问

摘要：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);

[u]复制代码[/u] 代码如下:

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

[u]复制代码[/u] 代码如下:

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

原型抄写

[u]复制代码[/u] 代码如下:

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

[u]复制代码[/u] 代码如下:

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

[u]复制代码[/u] 代码如下:

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

[u]复制代码[/u] 代码如下:

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

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

全部评论(0)

上一篇：基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
下一篇：浅谈js中的三种继承方式及其优缺点

资讯排行榜
更多>>