JavaScript继承方式实例

 更新时间:2010年10月29日 21:30:08   作者:  
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知识点总结之如何提高性能

    JavaScript知识点总结之如何提高性能

    JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货,需要的朋友快来一起学习吧
    2016-01-01
  • js仿微博实现统计字符和本地存储功能

    js仿微博实现统计字符和本地存储功能

    这篇文章主要介绍了js仿微博实现统计字符和本地存储功能的相关资料,需要的朋友可以参考下
    2015-12-12
  • js实现使用鼠标拖拽切换图片的方法

    js实现使用鼠标拖拽切换图片的方法

    这篇文章主要介绍了js实现使用鼠标拖拽切换图片的方法,涉及javascript操作图片实现轮播效果的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • 微信小程序实现客服功能(客服消息)的全过程

    微信小程序实现客服功能(客服消息)的全过程

    在最近做的微信小程序中需要实现一个自带的客服功能,下面这篇文章主要给大家介绍了关于微信小程序实现客服功能(客服消息)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • 基于JavaScript实现复选框的全选和取消全选

    基于JavaScript实现复选框的全选和取消全选

    这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • CSS3+JavaScript实现翻页幻灯片效果

    CSS3+JavaScript实现翻页幻灯片效果

    这篇文章主要介绍了CSS3+JavaScript实现翻页幻灯片效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • JS随机生成不重复数据的实例方法

    JS随机生成不重复数据的实例方法

    这篇文章介绍了JS随机生成不重复数据的实例方法,有需要的朋友可以参考一下
    2013-07-07
  • ES6 新增的创建数组的方法(小结)

    ES6 新增的创建数组的方法(小结)

    这篇文章主要介绍了ES6 新增的创建数组的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript中的await函数使用小结

    JavaScript中的await函数使用小结

    async 函数是 AsyncFunction 构造函数的实例,并且其中允许使用 await 关键字,async 和 await 关键字让我们可以用一种更简洁的方式写出基于 Promise 的异步行为,而无需刻意地链式调用 promise,这篇文章主要介绍了JavaScript中的await,需要的朋友可以参考下
    2024-01-01
  • js中let和var定义变量的区别

    js中let和var定义变量的区别

    这篇文章主要介绍了js中let和var定义变量的区别,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02

最新评论