JS中的浅拷贝和深拷贝

参考资料:JavaScript中的浅拷贝和深拷贝

浅拷贝(shallow copy)

  • 拷贝原对象的引用
var o1 = {a: 1};
var o2 = o1;
  • 拷贝原对象的实例,但是对其内部的引用类型值,拷贝的是其引用。
    常用的就是如jquey中的$.extend({}, obj); Array.prototype.slice()Array.prototype.concat()
var o1 = ['darko', {age: 22}];
var o2 = o1.slice(); // 根据Array.prototype.slice()的特性,这里会返回一个o1的浅拷贝对象

console.log(o1 === o2); // => false,说明o2拷贝的是o1的一个实例

o2[0] = 'lee';
console.log(o1[0]); // => "darko" o1和o2内部包含的基本类型值,复制的是其实例,不会相互影响

o2[1].age = 23;
console.log(o1[1].age); // =>23 o1和o2内部包含的引用类型值,复制的是其引用,会相互影响

深拷贝(deep copy)

深拷贝也就是拷贝出一个新的实例,新的实例和之前的实例互不影响。

猜你喜欢

转载自blog.csdn.net/ee2222/article/details/80211159