js深拷贝的方法

var a = {name: '1111'};
var b = a;
b.name = '2222';
console.log(a.name); // 2222
复制代码

要求修改b.name 不影响a的值

解构

var a = {name: '1111'};
var b = {...a}
b.name = '2222';
console.log(a.name); // 1111
复制代码

可是若是a为多层嵌套对象，使用解构只能深拷贝最上级，没法将第二层对象进行拷贝

var a = {a:'123',b:{c:'333'}}
var b = {...a};
b.a = 'yyy'
b.b.c =222;
console.log(a.a); // 123
console.log(a.b.c); // 222
复制代码

Object.assign()

var obj = Object.assign(target, sources);

var a = {name: '1111'};
var b = Object.assign({}, a);
b.name = '2222';
console.log(a.name); // 1111
复制代码

Object.assign()与解构同样，只能深拷贝一级的对象

JSON.parse(JSON.stringify(obj))

var a = {name: '1111'};
var b = JSON.parse(JSON.stringify(a));
b.name = '2222';
console.log(a.name); // 1111
复制代码

使用JSON字符串进行深拷贝，多层嵌套对象也能够进行深拷贝

var a = {a:'123',b:{c:'333'}}
var b = JSON.parse(JSON.stringify(a));
b.a = 'yyy'
b.b.c =222;
console.log(a.a); // 123
console.log(a.b.c); // 333
复制代码