手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >原生js实现复制对象、扩展对象 类似jquery中的extend()方法
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
摘要:jq的extend()方法能很方便的实现扩展对象方法,语法如下:$.extend(obj1,boj2,obj3);现在要实现的是:原生js实...

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>

【原生js实现复制对象、扩展对象 类似jquery中的extend()方法】相关文章:

js实现文本框选中的方法

详解JavaScript中setSeconds()方法的使用

Jquery实现动态切换图片的方法

Javascript通过overflow控制列表闭合与展开的方法

javascript基于DOM实现省市级联下拉框的方法

javascript操作ul中li的方法

JavaScript实现鼠标拖动效果的方法

动态加载jQuery的方法

Javascript动态创建表格及删除行列的方法

jQuery实现表格行上移下移和置顶的方法

精品推荐
分类导航