关于js的深拷贝

最新推荐文章于 2025-04-11 00:03:45 发布

原创最新推荐文章于 2025-04-11 00:03:45 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一段用于深拷贝对象和数组的JavaScript代码实现，并解释了深拷贝的目的和应用场景，特别关注如何防止对象被外部修改。

对于对象数组的赋值，加入到对象中，加入到集合，数组里面，想不被另外一个对象改变值，就深拷贝

下面自己写的一段深拷贝代码

Object.prototype.clone = function() {
			var datas = arguments[0] || this;

			if(Object.prototype.toString.call(datas) == '[object Object]' ||     //仅对数组对象进行深拷贝
				Object.prototype.toString.call(datas) == '[object Array]') {

				var returnval = Object.prototype.toString.call(datas) == '[object Object]' ? {} : [];
				for(var key in datas) {  //这里使用for是因为对象不能用for(var index; < ; index++)的形式
					var data = datas[key];
					var flag = Object.prototype.toString.call(data) == '[object Object]' ||  //对值还要判断 
									Object.prototype.toString.call(data) == '[object Array]';
					data = flag? data.clone() : data; 							  
					returnval[key] = data;
				}	
				return returnval;
			}
			return datas;			
		}

这里重写Object原型上的clone的作用是为了为何对象都能调用clone，如果单独想分开数组，对象，或者其他js内置对象，请重新扩展它们原型上的clone