JavaScript 深拷贝，浅拷贝，递归对象引用

最新推荐文章于 2025-06-11 09:27:17 发布

Lvdon9

最新推荐文章于 2025-06-11 09:27:17 发布

阅读量144

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_37995109/article/details/86181481

JavaScript 专栏收录该内容

106 篇文章

订阅专栏

本文探讨了JavaScript中深拷贝的实现方法，并通过一个示例展示了如何使用递归函数来完成深拷贝，避免了引用类型在赋值过程中产生的问题。同时，文中还包含了一个递归函数的例子，用于计算阶乘。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script>
		/*	var a=5;
						var b=a;
						b+=3;
						alert(b);*/
		/*var a=[1,2,3];
		var b=a;
		b.push(4);
		alert(b);*/

		/*var obj={
			a:10
		};
		function copy(obj){  //浅拷贝
			var newObj={};
			for(var attr in obj){
				newObj[attr]=obj[attr];
			}
			return newObj;
		}
		var obj2=copy(obj);
		obj2.a=20;
		alert(obj.a);//10*/

		var obj = {
			a: {b:10}
		};
		
		function deepCopy(obj) { //深拷贝
			if(typeof obj!='object'){
				return obj;
			}
			var newObj={};
			for(var attr in obj){
				newObj[attr]=deepCopy(obj[attr]);
			}
		}
		var obj2 = deepCopy(obj);
		obj2.a.b = 20;
		alert(obj.a.b);
		
		
		//递归  
		//1.函数调用函数自身递2.最后一次判断一个终止条件， 可以执行归的动作
	/*	function test(n){
			if(n==1){
				console.trace();
				return 1;
			}
			return n*test(n-1);
		}
		alert(test(10 ));*/
	</script>

	<body>

	</body>

</html>