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 的地址已经不同了。