新手javascript.info学习笔记——Object02

Object references and copying

• 对象是“通过引用”存储和复制的，而原始类型：字符串、数字、布尔值等 —— 总是“作为一个整体”复制。(与python相同)
• 赋值了对象的变量存储的不是对象本身，而是该对象“在内存中的地址”，当一个对象变量被复制时只是地址被复制而不是对象本身。类比python，变量由一个箭头指向对应的对象。

  let user = { name: "John" };
  
  let admin = user; // 复制引用

  像这样，当对象的内容改变时，admin和user都会发生变化。admin和user严格相等。

  let a = {};
  let b = {}; // 两个独立的对象
  
  alert( a == b ); // false

  而a和b虽然都为空，但它们是不同的对象，因此不相等。

如何复制对象本身？有两种方法，我们可以创建一个新对象，通过遍历来复制

let user = {
  name: "John",
  age: 30
};

let clone = {}; // 新的空对象

// 将 user 中所有的属性拷贝到其中
for (let key in user) {
  clone[key] = user[key];
}

// 现在 clone 是带有相同内容的完全独立的对象
clone.name = "Pete"; // 改变了其中的数据

alert( user.name ); // 原来的对象中的 name 属性依然是 John

也可以使用Object.assign方法

Object.assign(dest, [src1, src2, src3...])

第一个参数 dest 是指目标对象（新的对象），后面的参数 src1, ..., srcN（可按需传递多个参数）是源对象。该方法将所有源对象的属性拷贝到目标对象 dest 中,返回dest 。如果被拷贝的属性的属性名已经存在，那么它会被覆盖。

let user = { name: "John" };

Object.assign(user, { name: "Pete" });

alert(user.name); // 现在 user = { name: "Pete" }

• 当一个对象的某个属性值是“指向另一个对象的引用”时，上面的方法无法让对象里的对象也复制过来，

  let user = {
    name: "John",
    sizes: {
      height: 182,
      width: 50
    }
  };
  
  let clone = Object.assign({}, user);
  
  alert( user.sizes === clone.sizes ); // true，同一个对象
  
  // user 和 clone 分享同一个 sizes
  user.sizes.width++;       // 通过其中一个改变属性值
  alert(clone.sizes.width); // 51，能从另外一个获取到变更后的结果

  此时就需要使用递归或者lodash 库的 _.cloneDeep(obj)，实现“深拷贝（deep cloning）”

Garbage collection

• 垃圾回收，在js中是自动进行的，作为新手了解即可。
• 垃圾回收是自动完成的，我们不能强制执行或是阻止执行；当对象是可达（可以访问）状态时，它一定是存在于内存中的。被引用与可访问（从一个根）不同：一组相互连接的对象可能整体都不可达。（几个对象相互引用，但外部没有对其任意对象的引用，这些对象也可能是不可达的，并被从内存中删除）