ES6 中的 Object.assign 方法使用方法及示例

在 ES6 中，Object.assign 方法是一种常见的方法，它可以用于将一个或多个源对象中的属性，复制到目标对象中。本文将详细介绍 Object.assign 方法的使用方法以及相关示例。

Object.assign 方法的使用方法

Object.assign 方法用于将源对象中的属性复制到目标对象中，它的语法形式如下：

Object.assign(target, ...sources)

其中，target 表示目标对象，sources 表示一个或多个源对象。Object.assign 方法将源对象的自有属性复制到目标对象中，返回值为目标对象。

需要注意的是，Object.assign 方法会忽略源对象中的 undefined 和 null 值。

Object.assign 方法的示例

下面是 Object.assign 方法的一些使用示例：

将多个源对象的属性复制到目标对象中

// javascriptcn.com 代码示例
const source1 = { x: 1 };
const source2 = { y: 2 };
const source3 = { z: 3 };

const target = {};

Object.assign(target, source1, source2, source3);

console.log(target); // 输出：{ x: 1, y: 2, z: 3 }

使用 Object.assign 方法合并对象

const obj1 = { x: 1, y: 2 };
const obj2 = { y: 3, z: 4 };

const mergedObj = Object.assign({}, obj1, obj2);

console.log(mergedObj); // 输出：{ x: 1, y: 3, z: 4 }

使用 Object.assign 方法设置默认值

// javascriptcn.com 代码示例
function doSomething(config) {
  const defaults = {
    x: 0,
    y: 0,
    z: true
  };

  const settings = Object.assign({}, defaults, config);

  console.log(settings);
}

doSomething({ x: 1, z: false }); // 输出：{ x: 1, y: 0, z: false }

使用 Object.assign 方法复制对象

const obj = { x: 1, y: 2 };
const copyObj = Object.assign({}, obj);

console.log(copyObj); // 输出：{ x: 1, y: 2 }

总结

Object.assign 方法是一种常见的方法，在开发中经常会用到。通过本文的介绍，读者可以掌握 Object.assign 方法的使用方法以及一些常见的使用场景。在实践中，读者可以灵活地运用 Object.assign 方法，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652e18a67d4982a6ebf27cd6