js对象深拷贝的简单实现

2019独角兽企业重金招聘Python工程师标准>>>

实现代码：

Object.prototype.clone = function() {var newObj = {};for (var i in this) {if (typeof(this[i]) == 'object' || typeof(this[i]) == 'function') {newObj[i] = this[i].clone();} else {newObj[i] = this[i];}}return newObj;
};Array.prototype.clone = function() {var newArray = [];var length = this.length;for (var i = length; i--;) {if (typeof(this[i]) == 'object' || typeof(this[i]) == 'function') {newArray[i] = this[i].clone();} else {newArray[i] = this[i];}}return newArray;
};Function.prototype.clone = function() {var that = this;var newFunc = function() {return that.apply(this, argunets);};for (var i in this) {newFunc[i] = this[i];}return newFunc;
};

测试代码以及运行结果：

var obj = {name: 'void',contents: ['node'],display: function() {console.log(this.name);},
};var newObj = obj.clone();
newObj.contents.push('test');
console.log(obj.contents);//输出 ['node']
console.log(newObj.contents);//输出 ['node', 'test']
console.log(newObj.display == obj.display);//输出 false

ps: 上述代码只是深拷贝的简单实现，当遇到两个互相引用的对象，会出现死循环的情况！

转载于:https://my.oschina.net/xing240/blog/178892

js对象深拷贝的简单实现相关推荐

js复制html样式,js对象深拷贝的方法
js 怎么把对象深拷贝到另一个对象 buy:function(buyList){buyList.forEach(function(good){good.farmer=this;});},buy是Far ...
js 对象深拷贝、对象数组深拷贝的几种方法总结
写前端的时候经常会遇到对象的拷贝,一般我们会用到深拷贝,深拷贝就是完完整整的将一个对象从内存中拷贝一份出来,放到另一块新开辟的内存中去.向下面这种赋值是浅拷贝,a.b都是对同一块内存进行引用,a.b哪 ...
JS对象数组去重简单有效方法
I.输入 JS对象数组去重是业务经常遇到的方法,稍微简洁一点的方法,如下: var data = [{"id": 1, "name": "李四1&qu ...
js 对象深拷贝_这一次，彻底理解JavaScript深拷贝
导语这一次,通过本文彻底理解JavaScript深拷贝! 阅读本文前可以先思考三个问题: JS世界里,数据是如何存储的? 深拷贝和浅拷贝的区别是什么? 如何写出一个真正合格的深拷贝? 本文会一步步解 ...
3种方法实现JS对象深拷贝
相信大家总是在各大博客中看到手写深拷贝这类题目,今天就分享3种方法实现它. 什么是深拷贝? let a = { name: 'jiaqi', age: 100 }; let b = a; 我们知道对象 ...
js对象深拷贝（深克隆）
我们首先看下面的例子: var userInfo = {username:"zhangsan",age:20}var copyUserInfo = userInfo;userInf ...
js对象深拷贝的实现
如何区分深浅拷贝?当B复制了A后,B的值发生了改变,A也会对应的发生变化.如果B复制了A后,B的值或者A的值发生变化,都互不影响,A和B是两个独立的对象,那么就是深拷贝. 浅拷贝浅拷贝利用for i ...
js 对象深拷贝递归实现
const obj = {name:'changjk',family:{father:'zs',mother:'shh'},hobby:['打游戏','喝茶','打羽毛球']} //深拷贝 const ...
js 对象深拷贝合并对象
deepMerge(...objs) {const result = Object.create(null)objs.forEach(obj => {if (obj) {Object.keys( ...
一篇文章彻底说清JS的深拷贝/浅拷贝
一篇文章彻底说清JS的深拷贝and浅拷贝这篇文章的受众第一类,业务需要,急需知道如何深拷贝JS对象的开发者. 第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者. 写给第一类读者你只需要一 ...

js对象深拷贝的简单实现

js对象深拷贝的简单实现相关推荐

最新文章

热门文章