对象的引用

一个基本类型的变量将值赋给另一个基本类型的变量，可以完成复制的过程

let originUname = "hello world!"
let copyUname = originUname

// originUanem = copyUname = "hello world!"

但是对象不可以通过这种形式来拷贝，因为对象是“通过引用”被存储的，是该对象在内存中的地址

let user = {
  uname: "hello world!",
  age: 21,
  sex: "男"
}

该对象被存储在内存中的某个位置，而变量 user 保存的是对其的“引用”。我们可以将变量 user 想象成一张带有地址的纸

当一个对象变量被拷贝，而该对象并没有被拷贝

let user = {
  uname: "hello world!",
  age: 21,
  sex: "男"
}

let you = user

实际上在内存中只有一个对象的存储，user和you变量都引用的同一个内存地址

修改user的uname属性

user.uname = "shiramashiro"

// user.uname = you.uname = "shiramashiro"

// 而非user.uname = "shiramashiro"，you.uname = "hello world!"

就好比是一个柜子拥有两把钥匙，一个人使用其中一把钥匙来打开它，对柜子进行了操作，而之后其他人用另外一把钥匙打开它，则这个人也能看到柜子发生了变化

对象的拷贝

浅拷贝

如果我们想要拷贝一个对象，就需要创建一个新对象，并通过遍历现有属性的结构，在原始类型值的层面，将其复制到新对象，以复制已有对象的结构。

let user = {
  uname: "hello world!",
  age: 21,
  sex: "男"
}

let you = {}

for (let key in user) {
  you[key] = user[key];
}

// 现在 you 是带有相同内容的完全独立的对象
you.uname = "shiramashiro";

// you.uname = "shiramashiro"，而user.uname = "hello world!"

也可以使用 Object.assign(dest, [src1, src2, src3...]) 方法来达成同样的效果，该方法将所有源对象的属性拷贝到目标对象 dest 中。

let user = {
  uname: "hello world!",
  age: 21,
  sex: "男"
}

let you = {}

// 将 user 中的所有属性都拷贝到 you 中
Object.assign(user, you)

深拷贝

总结

一个变量存储的不是对象的值，而是一个对值的引用内存地址。因此，拷贝此类变量或将其作为函数参数传递时，所拷贝的是引用，而不是对象本身。所有通过被拷贝的引用的操作（如添加、删除属性）都作用在同一个对象上。为了创建“真正的拷贝”，我们可以使用 Object.assign 来做所谓的“浅拷贝”或者使用“深拷贝”函数，如 _.cloneDeep(obj)。