深拷贝

要讲javascript的拷贝,就得先讲讲javascript中的值传递和引用传递。

javascript中没有一个具体的语法来规定哪些参数是引用传递,而其他语言中都有明文规定,比如 C# 中的 ref 和 PHP 中的 & 。

这也是javascript众多弊端中的一个。

我们先看看下面这段代码:

//值传递
var i = 3;
var j = i;
j = 4;
document.write(i);//3

//引用传递
var m = [1];
var n = m;
n[0] = 2;
document.write(n[0]);//2

说明,javascript中只有简单类型是值传递,而其他复杂类型比如数组、对象都是默认就是引用传递的。

那么我们如果需要复制一个对象呢?就必须自己定义方法:

//深度拷贝函数,其实就是值传递
function cloneObject(srcobj){
	var tarobj=new Object();
	for(var key in srcobj){//判断对象中是否继续为对象
		tarobj[key]=typeof srcobj[key]==='object'?cloneObject(srcobj[key]):srcobj[key];
	}
	return tarobj;
}
	//验证深度拷贝函数的使用
		// 测试用例:
		var srcObj = {
		    a: 1,
		    b: {
		        b1: ["hello", "hi"],
		        b2: "JavaScript"
		    }
		};
		var abObj = srcObj;//引用传递
		var tarObj = cloneObject(srcObj);
		
		srcObj.a = 2;
		srcObj.b.b1[0] = "Hello";
		
		console.log(abObj.a);//2
		console.log(abObj.b.b1[0]);//Hello,说明普通的=是一种引用传递
		
		console.log(tarObj.a);      // 1
		console.log(tarObj.b.b1[0]);    // "hello",说明我们定义的深拷贝是值传递



其实就是通过实例化一个新的对象,从而在堆中开辟一块新的内存空间,使得栈中的变量名指向堆中的新内容。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值