引言
浅拷贝、深拷贝是对引用类型而言的。
引用类型的变量对应一个栈区地址，这个栈区地址处存储的值是存放的真正的数据的堆区地址。
基本数据类型的变量也对应一个栈区地址，但是该地址存储的是其真正的值。
let a = b发生了什么？
let obj2 = obj1发生了什么？
JavaScript的数据类型：
什么是浅拷贝？
浅拷贝（shallow copy）创建的新对象拷贝的是原对象的属性的栈区地址。
图中同名变量的栈区地址相同，不同名变量的栈区地址不同。
a和_a、b和_b都是复制了原来栈区地址的值，对_a的修改不会影响a，对_b的修改却会影响b，因为它们相当于let _b = b的关系。
什么是深拷贝？
深拷贝（deep copy）拷贝对象的堆区数据为新副本，如此新旧对象不会互相影响。
浅拷贝的方法有哪些？
1.JavaScript中对象的合并，Object.assign本身是浅拷贝。
const originalObject = {a:1,b:{c:1}}
const shallowCopy = Object.assign({}, originalObject);
console.log(shallowCopy === originalObject);//false，比较的是栈区地址
shallowCopy.a = 2;
shallowCopy.b.c = 2;
console.log(originalObject.a);// 1
console.log(originalObject.b.c);// 2
缺陷：Object.assign不会拷贝继承属性、不可枚举属性。
2.展开语法
let newObj = {...obj}
3.数组的cancat方法
const newArr = oldArr.concat([])
4.数组的slice方法
const newArr = oldArr.slice(start[,end]);
5.浅拷贝细致点看，是先创建一个新对象，然后将原对象的属性直接复制到新对象，所以也可以自己写一个浅拷贝函数：
function shallowCopy(obj) {
if (obj === null || typeof obj !== "object") return obj;
const newObj = new obj.constructor();
for (let key of Reflect.ownKeys(obj)) {
newObj[key] = obj[key];
}
return newObj;
}
// Object.prototype.d = 1;
const obj1 = { a: 1, b: { c: 1 } };
const obj2 = shallowCopy(obj1);
obj2.a = 2;
obj2.b.c = 2;
6.lodash库的浅拷贝方法
如何实现深拷贝？
1.JSON.stringify()与JSON.parse()
function deepClone(obj){
if(obj === null || typeof obj !== 'object') return obj;
return JSON.parse(JSON.stringify(obj));
}
缺陷：
- 丢失function、undefined、Symbol这几种类型的键值对
- NaN、Infinity的值会转为null
- Date会变为字符串
- RegExp会变成空对象
- 不能拷贝不可枚举属性及原型链上的属性
- 不能解决循环引用
2.lodash库的深拷贝方法
3.手动实现深拷贝函数基础版：
function deepClone(obj) {
if(obj === null || typeof obj !== 'object') return obj;
const newObj = new obj.constructor();
for (let key of Reflect.ownKeys(obj)) {
newObj[key] = typeof obj[key] === "object" && obj[key] !== null ? arguments.callee(obj[key]) : obj[key];
}
return newObj;
}
const newObj = new obj.constructor()相比于使用{}，保持了原型链的继承。
缺陷：
- 不能处理循环引用，可能会导致堆栈溢出
- 对
Array、Date、RegExp、Map、Set对象的处理不好
4.手动实现深拷贝函数进阶版：
const deepClone = function (obj, hash = new WeakMap()) {
if(obj === null || typeof obj !== 'object') return obj;
// 防止循环引用
if (hash.has(obj)) return hash.get(obj);
// 如果参数为Date, RegExp, Set, Map, WeakMap, WeakSet等引用类型，则直接生成一个新的实例
let type = [Date, RegExp, Set, Map, WeakMap, WeakSet];
if (type.includes(obj.constructor)) return new obj.constructor(obj);
const newObj = new obj.constructor();
for (let key of Reflect.ownKeys(obj)) {
newObj[key] = typeof obj[key] === "object" && obj[key] !== null ? arguments.callee(obj[key]) : obj[key];
}
// 哈希表设值
hash.set(obj, cloneObj);
return cloneObj;
};