原生js实现复制对象、扩展对象 类似jquery中的extend()方法
更新时间：2014年08月30日 16:11:44 作者：PHPVAR
jq的extend()方法能很方便的实现扩展对象方法，这里要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
jq的extend()方法能很方便的实现扩展对象方法，语法如下：$.extend(obj1,boj2,obj3);
现在要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法，具体实例如下：
现有3个对象字面量：
var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
实现目标：
复制o1对象，把 o2,o3的对象属性和方法都扩展进前面复制得到的对象中并输出。
<script>
var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
function cloneObj(oldObj) { //复制对象方法
if (typeof(oldObj) != 'object') return oldObj;
if (oldObj == null) return oldObj;
var newObj = new Object();
for (var i in oldObj)
newObj[i] = cloneObj(oldObj[i]);
return newObj;
};
function extendObj() { //扩展对象
var args = arguments;
if (args.length < 2) return;
var temp = cloneObj(args[0]); //调用复制对象方法
for (var n = 1; n < args.length; n++) {
for (var i in args[n]) {
temp[i] = args[n][i];
}
}
return temp;
}
var t=extendObj(o1,o2,o3);
console.log(t);
console.log(o1);
console.log(o2);
console.log(o3);
</script>
相关文章
下面小编就为大家带来一篇通过javascript进行UTF-8编码的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要为大家详细介绍了js图片轮播手动切换特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
本文介绍了js实现自定义路由，主要是事件hashchange的使用，然后根据我们的业务需求封装。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JS实现给数组对象排序的方法,结合实例形式分析了javascript数组对象排序相关实现方法与操作注意事项,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JavaScript贪吃蛇的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了js实现在网页上简单显示时间的方法,实例分析了javascript实时显示时间的技巧,需要的朋友可以参考下2015-03-03
下面小编就为大家分享一篇js生成word中图片处理方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
本文给大家分享小编日常收集整理的关于前端面试题之url、href、src的语法规则及基本概念，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-03-03
这篇文章主要为大家介绍了js?实现picker?选择器示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家详细介绍了JavaScript如何通过面向对象实现一个简单的扑克牌游戏，文中的示例代码代码讲解详细，感兴趣的可以学习一下2022-07-07
最新评论