Object.assign()详解

1、作用

用于对象属性的合并，将源对象中的属性，（追加）复制到目标对象中，返回目标对象。

2、用法

const _target = Object.assign(target, ...sources);

• target：目标对象
• ...sources：一个或多个源对象
• _targe：返回值，目标对象，即与目标对象相同地址值

3、示例

情况一：

Object.assign(10)
// Number {10}

new Number(10);
// Number {10}

如果参数不是对象，Object.assign()会将参数转为对象类型。

情况二：

const target = { name: "张三" };
const source = { age: 23 };
const _target = Object.assign( target, source );

console.log(_target)
// {name: '张三', age: 23}

console.log(target)
// {name: '张三', age: 23}

console.log(source)
// {age: 23}

console.log( _target === target )
// true

情况三：

const target = { name: "张三" };
const source = { age: 23 };
const _target = Object.assign( {}, target, source );

console.log(_target)
// {name: '张三', age: 23}

console.log(target)
// {name: '张三'}

console.log(source)
// {age: 23}

console.log( _target === target )
// false

不修改target对象情况下复制source的值，可以将target对象以{}对象表示。

情况四：

const target = { name: "张三", age: 12};
const source = { age: 23 };
const source2 = { age: 34, hobby: '打游戏' };
const _target = Object.assign( target, source, source2 );

console.log(_target)
// {name: '张三', age: 34, hobby: '打游戏'}

console.log(target)
// {name: '张三', age: 34, hobby: '打游戏'}

目标对象和源对象中有同名属性，则后者源对象中的属性会替换相同属性的值。

情况五：

const source1 = "abc";
const source2 = true;
const source3 = 10;
 
const _target = Object.assign({}, source1, null, source2, undefined, source3); 
// 注意，只有字符串的包装对象才可能有自身可枚举属性。
console.log(_target); 
// {0: 'a', 1: 'b', 2: 'c'}

原始类型会被包装，null 和 undefined 会被忽略，继承属性和不可枚举属性是不能拷贝的。

情况六：

const _target = Object.assign( {}, true, false, 1, 2 );

console.log(_target); 
// {}

Object.assign() 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。