在前端开发中，我们经常需要使用对象，而且有时候需要对对象进行操作，比如修改、添加、删除属性等。而且有时候我们需要对对象进行复制，以便在不改变原始对象的情况下进行操作。在 ES2017 中，我们可以使用对象属性快速创建副本来实现这个目的。
什么是对象属性快速创建副本
对象属性快速创建副本是 ES2017 中的一个新特性，它允许我们快速创建一个包含原始对象所有属性的新对象。这个新对象是原始对象的副本，但是它是一个全新的对象，与原始对象没有任何关系。这意味着我们可以在新对象上进行操作，而不会影响原始对象。
如何使用对象属性快速创建副本
ES2017 中的对象属性快速创建副本有两种方式：Object.assign 和展开运算符。
Object.assign
Object.assign 方法可以将多个对象的属性合并到一个对象中。它的第一个参数是目标对象，后面的参数是源对象。它会将所有源对象的属性复制到目标对象中。如果目标对象已经存在某个属性，那么它会被覆盖。如果有多个源对象有同名属性，后面的会覆盖前面的。
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const obj3 = { c: 5, d: 6 };
const newObj = Object.assign({}, obj1, obj2, obj3);
console.log(newObj); // { a: 1, b: 3, c: 5, d: 6 }在上面的例子中，我们创建了三个对象 obj1、obj2 和 obj3。然后我们使用 Object.assign 方法将它们合并到一个新对象中。我们传递了一个空对象作为目标对象，这样就不会影响原始对象。最后我们打印了新对象，它包含了所有源对象的属性。
展开运算符
展开运算符可以将一个对象展开为多个属性。它的语法很简单，就是在对象前面加上三个点号。
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, b: 3, c: 4 };
const obj3 = { c: 5, d: 6 };
const newObj = { ...obj2, ...obj3 };
console.log(newObj); // { a: 1, b: 3, c: 5, d: 6 }在上面的例子中，我们首先创建了一个对象 obj1。然后我们使用展开运算符将它展开为 obj2，并添加了一些新属性。接着我们使用展开运算符将 obj2 和 obj3 展开为一个新对象 newObj，它包含了所有属性。
对象属性快速创建副本的指导意义
对象属性快速创建副本是一个非常有用的特性，它可以让我们在不改变原始对象的情况下进行操作。这样可以避免一些潜在的问题，比如修改了原始对象后导致程序出错。此外，它还可以提高代码的可读性和可维护性。
结论
ES2017 中的对象属性快速创建副本是一个非常有用的特性，它可以让我们快速创建一个包含原始对象所有属性的新对象。这个新对象是原始对象的副本，但是它是一个全新的对象，与原始对象没有任何关系。我们可以使用 Object.assign 或展开运算符来实现对象属性快速创建副本。这个特性可以提高代码的可读性和可维护性，避免一些潜在的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673da555dcffa8273d235b77