js中的深复制与浅复制

		var a = 10;
        var b = a;
        console.log("pre_a---"+a);
        console.log("pre_b---"+b);
        a = 20;
        console.log("a---"+a);
        console.log("b---"+b);

结果
在这里插入图片描述
这个结果符合大家平常理解的逻辑,定义 a ,将 a 赋值给 b ,改变 a 的值,b 的值不发生改变;
但是

        var a = [0,1,2];
        var b = a;
        console.log("pre_a---"+a);
        console.log("pre_b---"+b);
        a[0] = 10;
        console.log("a---"+a);
        console.log("b---"+b);

结果
在这里插入图片描述

这里我们发现改变 a 的值时,b 的值也发生相应的变化;改变 b 的值,a的值也同样发生改变。
这就是js里的深复制与浅复制
深复制:直接将数据复制给对应的变量
浅复制:将数据的地址复制给对应的变量

浅复制就是把地址赋值给对应的变量,并不是直接赋值数据,类似于指针。所以改变 a 的值时,b 的值也发生相应的改变,因为此时 a、b 的地址是一致的。
深复制是直接将数据赋值给变量,变量 a、b 的地址是不一致的,所以当 a 的值发生改变时,b 的值不会发生改变。

js中基本类型的赋值为深复制,而引用类型的赋值为浅复制。

        var a = [0,1,2];
        var b = a;
        console.log("pre_a---"+a);
        console.log("pre_b---"+b);
        var a = [0,1,2];
        b[0] = 10;
        console.log("a---"+a);
        console.log("b---"+b);

在这里插入图片描述
此时,a b 的值互不影响,因为第5行 var a 时,重新给 a 分配了新的地址,与 b 的地址已经不同了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值