es6对象的扩展Object.assign与深浅拷贝的关系

ES6 对象的扩展 Object.assign()
　　Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）.（转载自https://www.cnblogs.com/lulin1/p/7976221.html，感谢作者）

const target = { a: 1 };

const source1 = { b: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

• 1
• 2
• 3
• 4
• 5
• 6
• 7

Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。
注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

    const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

• 1
• 2
• 3
• 4
• 5
• 6
• 7

Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。

const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);

obj1.a.b = 2;
obj2.a.b // 2

• 1
• 2
• 3
• 4
• 5

上面代码中，源对象obj1的a属性的值是一个对象，Object.assign拷贝得到的是这个对象的引用。这个对象的任何变化，都会反映到目标对象上面。
　上面涉及到深拷贝和浅拷贝的概念，二者的区别可参考文章https://www.cnblogs.com/echolun/p/7889848.html

                                </div>
            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-e44c3c0e64.css" rel="stylesheet">
                </div>