JavaScript Object.assign()用法及代码示例

用法:

Object.assign(target, ...sources)

assign() 方法是静态方法，使用Object 类名调用。

assign()参数

assign() 方法包含：

• target - 目标对象 - 将源属性应用到的对象，修改后返回。
• sources - 源对象 - 包含您要应用的属性的对象。

assign() 的返回值

• 返回目标对象。

注意：如果目标对象中的属性具有相同的键，则源对象中的属性将覆盖它们。

示例 1：使用 Object.assign() 克隆和合并对象

// cloning objects
const obj = {
  name: "Alan Turing",
  age: 120,
};

let newObject = {};

const copy = Object.assign(newObject, obj);
// modifies the target object
console.log(newObject);
// returns the modified object
console.log(copy);

// merging objects
const o1 = { a: 1, b: 2, c: 3 };
const o2 = { b: 12, c: 13 };
const o3 = { c: 23 };

// Earlier source keys are overwritten by later sources
const o4 = Object.assign({}, o1, o2, o3);

console.log(o4); // { a: 1, b: 12, c: 23 }

输出

{ name: 'Alan Turing', age: 120 }
{ name: 'Alan Turing', age: 120 }
{ a: 1, b: 12, c: 23 }

请注意，如果源值是对对象的引用，则它只复制引用值。

此外，后期来源的属性会覆盖较早的来源。

示例 2：使用 Object.assign()

const obj = Object.create(
  { a: 1 },
  {
    // a is on obj's prototype chain.
    b: {
      value: 2, // b is a non-enumerable property.
    },
    c: {
      value: 3,
      enumerable: true, // c is an own enumerable property.
    },
  }
);

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

copy = Object.assign(copy, "abc", 100, null);
console.log(copy); // { '0': 'a', '1': 'b', '2': 'c', c: 3 }

输出

{ c: 3 }
{ '0': 'a', '1': 'b', '2': 'c', c: 3 }

如您所见，原型链上的属性和不可枚举的属性是无法复制的。

此外，原语将被包装到对象中，null 和 undefined 将被忽略。

由于只有字符串具有可枚举属性，它们被复制到目标对象。