Angular的Object.assign

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

函数原型

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

Object.assign(target,...sources)

这里我们需要强调的三点是：

1. 可被枚举的属性
2. 自有属性
3. 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 '#