原生js实现复制对象、扩展对象 类似jquery中的extend()方法
来源:互联网 发布:淘宝网上买轮胎可靠吗 编辑:程序博客网 时间:2024/05/22 03:08
jq的extend()方法能很方便的实现扩展对象方法,这里要实现的是:原生js实现复制对象,扩展对象,类似jq中的extend()方法,需要的朋友可以参考下
q的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>
0 0
- 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
- 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
- jQuery中的$.extend方法来扩展JSON对象
- 类似jQuery的extend扩展方法的实现
- jQuery.extend克隆对象实现方法详解
- 模仿JQuery.extend函数扩展自己对象的js代码
- 模仿JQuery.extend函数扩展自己对象的js代码
- 深入学习理解jQuery中的extend方法以及JavaScript中对象的复制
- jquery的extend和fn.extend (扩展jQuery类或jQuery对象方法)
- jQuery.extend( object ); 扩展jQuery对象本身
- js合并两个对象-仿jquery中的$.extend()
- 【jQuery】使用$.extend()扩展Object对象
- jQuery extend 扩展方法
- 复制js对象方法
- 扩展js原生对象的正确姿势
- js、Jquery、AngularJs中的extend方法
- javascript中的深复制方法一:jQuery中的extend方法
- 在JQuery 中 获取原生 js 对象
- c++调试快捷键
- 【Raspberry Pi 3试用体验】+Opencv+python的人脸识别
- 离散数学知识点整理
- 理解hashcode
- 练习3——动态规划总结
- 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
- 最大流-HDU-3605-Escape
- Hive的数据导入
- 第一讲算法(2)
- 7点39
- 第八周项目:数组作数据成员
- Java环境搭建之Eclipse常用快捷键
- 【一天一道LeetCode】#53. Maximum Subarray
- 回文和变位文