手写浅拷贝和深拷贝

前言：要先知道深拷贝和浅拷贝都是针对引用类型来说的！

一、区别

浅拷贝：

• 会改变原对象；
• 原始类型是拷贝其属性值，引用类型则拷贝内存地址；
• 其中一个对象改变了这个地址中的值，就会影响到另一个对象；

 深拷贝：

• 不改变原对象；
• 原始类型，无需深拷贝，直接返回；
• 引用类型，从堆内存中开辟一个新的内存地址，克隆了一个新对象，新旧对象互不影响。

 总结

浅拷贝：只发生了值本身拷贝，指针指向的还是同一个地址，没有产生资源拷贝。
深拷贝：不仅发生指针本身拷贝，还产生了新的资源分配，指针指向不同地址。

实现浅拷贝

思路：

1、对象的浅拷贝（如果传入数组，则先转为对象再返回）

（1）Object.assign()

ES6新方法，第一个参数是目标对象，其余参数是源对象

Object.assign(target, source_1, ···)

● 如果目标对象和源对象有同名属性，或者多个源对象有同名属性，则后面的属性会覆盖前面的属性。

let target = {a: 1};
let object2 = {a: 2, b: 2};
let object3 = {c: 3};
Object.assign(target,object2,object3);  //改变原对象
console.log(target); //{a: 2, b: 2, c: 3}

● 如果该函数只有一个参数，当参数为对象时，直接返回该对象；当参数不是对象时，会先将参数转为对象然后返回，比如数组。

let arr = [1, 2, 3, 4]
console.log(Object.assign(arr)); // [1, 2, 3, 4]

● 因为null 和 undefined 不能转化为对象，所以第一个参数不能为null或 undefined，会报错。

（2）扩展运算符（新对象）