前端JavaScript深拷贝的三种方法，看了不后悔！！！

深拷⻉

深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改⼀个对象的属性，不会 改变另⼀个对象的属性

常⻅的深拷⻉⽅式有：

1. _.cloneDeep()
2. jQuery.extend()
3. JSON.stringify()

1. _.cloneDeep()

点击查看代码

const _ = require('lodash');
const obj1 = {
 a: 1,
 b: { f: { g: 1 } },
 c: [1, 2, 3]
};
const obj2 = _.cloneDeep(obj1);
console.log(obj1.b.f === obj2.b.f);// false

2. jQuery.extend()

点击查看代码

const $ = require('jquery');
const obj1 = {
 a: 1,
 b: { f: { g: 1 } },
 c: [1, 2, 3]
};
const obj2 = $.extend(true, {}, obj1);
console.log(obj1.b.f === obj2.b.f); // false

3. JSON.stringify()

点击查看代码

但是这种⽅式存在弊端，会忽略 undefined 、 symbol 和 函数
const obj2=JSON.parse(JSON.stringify(obj1));
const obj = {
 name: 'A',
 name1: undefined,
 name3: function() {},
 name4: Symbol('A')
}
const obj2 = JSON.parse(JSON.stringify(obj));
console.log(obj2); // {name: "A"}