Javascript 全功能深度克隆

最新推荐文章于 2025-08-13 22:46:18 发布

原创最新推荐文章于 2025-08-13 22:46:18 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种优化后的深拷贝方法，通过递归检查对象类型并复制属性，确保了原始对象与拷贝对象间完全独立，避免了引用类型带来的问题。

function deepClone(origin, target){
	if(typeof origin === "object" && origin !== null){
		toStr = Object.prototype.toString;
		arrStr = "[object Array]";
		var target = (toStr.call(origin) === arrStr) ? [] : {};
		for(var prop in origin){
			if( origin.hasOwnProperty(prop)){
				target[prop] = (origin[prop] !== null && (typeof(origin[prop])) === "object") ? deepClone(origin[prop]) : origin[prop];
			}
		}
		return target;
	}else{
		return origin
	}
}

上面的代码优化后如下，调用时候必须声明变量接收目标值（可以是原始值或者数组、对象）。 2018/12/04

function deepClone(origin){
	if(typeof origin === "object" && origin !== null){
		toStr = Object.prototype.toString;
		arrStr = "[object Array]";
		var target = (toStr.call(origin) === arrStr) ? [] : {};
		for(var prop in origin){
			if( origin.hasOwnProperty(prop)){
				target[prop] =deepClone(origin[prop]);
			}
		}
		return target;
	}else{
		return origin
	}
}
obj1 = deepClone(obj)