之前写代码的时候,误用了浅拷贝,导致数据出错,特此进行小总结,具体的细节文中没有提及。
浅拷贝是拷贝应用,拷贝后的对象和之前的指向同一引用,会相互影响
深拷贝是在堆中重新分配内存,前后两个是不同的对象,相互不影响
浅拷贝
有两种,1是拷贝引用,2是拷贝实例,但其属性拷贝引用。
- 第一种情况:
var a = [{c:1}, {d:2}];
var b = a;
console.log(a === b); // 输出true。
a.c = 2;
console.log(b.c); // 输出 2
- 第二种情况:
常用方法 Array.prototype.slice(), Array.prototype.concat(), jQury的$.extend({},obj)
var a = [{c:1}, {d:2}];
var b = a.slice();
console.log(a === b); // 输出false,说明外层数组拷贝的是实例
a[0].c = 3;
console.log(b[0].c); // 输出 3,说明其元素拷贝的是引用
深拷贝
常用方法
JSON.parse(),JSON.stringify(),jQury的$.extend(true,{},obj),lodash的_.cloneDeep和_.clone(value, true)
var a = {c: {d: 1}};
var b = $.extend(true, {}, a);
console.log(a === b); // 输出false
a.c.d = 3;
console.log(b.c.d); // 输出 1,没有改变。