Object.assign的理解

Object.assign函数的使用,使用该函数我们可以快速的复制一个或者多个对象到目标对象中，本文内容涉及es6,es7相关的对象复制的内容，以及一些es5的替代方案的介绍。

函数原型

首先看一下函数的定义：
函数参数为一个目标对象（该对象作为最终的返回值）,源对象(此处可以为任意多个)。通过调用该函数可以拷贝所有可被枚举的自有属性值到目标对象中。

Object.assign(target, ...sources)
这里我们需要强调的三点是：

可被枚举的属性
自有属性
string或者Symbol类型是可以被直接分配的
拷贝过程中将调用源对象的getter方法，并在target对象上使用setter方法实现目标对象的拷贝。

函数实例

这里我们通过几个MDN上的例子来介绍一下使用方法：

实例一

我们参考上面的原型函数说明即可知道其最开始的o1因为设置为target，则调用其setter方法设置了其他对象的属性到自身。

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, target object itself is changed.

实例二

我们自定义了一些对象，这些对象有一些包含了不可枚举的属性,另外注意使用 Object.defineProperty 初始化的对象默认是不可枚举的属性。对于可枚举的对象我们可以直接使用Object.keys()获得,或者使用for-in循环遍历出来.

对于不可枚举的属性，使用Object.assign的时候将被自动忽略。

var obj = Object.create({ foo: 1 }, { // foo is an inherit property.
  bar: {
    value: 2  // bar is a non-enumerable property.
  },
  baz: {
    value: 3,
    enumerable: true  // baz is an own enumerable property.
  }
});

var copy = Object.assign({}, obj);
console.log(copy); // { baz: 3 } 

实例三

对于只读的属性，当分配新的对象覆盖他的时候，将抛出异常:

var target = Object.defineProperty({}, 'foo', {
  value: 1,
  writable: false
}); 

Object.assign(target, { bar: 2 })

//{bar: 2, foo: 1}

Object.assign(target, { foo: 2 })
//Uncaught TypeError: Cannot assign to read only property 'foo' of object '#