ES8 中的 Object rest 和 spread 属性

在 ES6 中，我们介绍了 destructuring，它是一种非常有用的语言特性。在 ES8 中，我们又有了一个新的特性，它叫做 Object rest 和 spread 属性。虽然这两个属性都是跟对象有关的，但它们却是用于不同的场景。

Object rest 属性

在以前，如果我们想把一个对象中的所有属性取出来，并将其中某几个属性放到一个新对象中，我们通常要使用 Object.assign 或 lodash 的 cloneDeep，这样比较麻烦，代码也容易变得臃肿。可好在 ES8 中，我们有了 Object rest 属性，它使得代码变得更加简洁和易懂。

Object rest 属性就是用来把对象的其余属性放到一个新的对象中，举个例子，如下所示：

const myObject = { a: 1, b: 2, c: 3, d: 4 };
const { a, b, ...others } = myObject;
console.log(a);       // 1
console.log(b);       // 2
console.log(others);  // { c: 3, d: 4 }

上面的代码中，我们定义了一个对象 myObject，它有四个属性，分别是 a、b、c、d。我们使用 Object rest 属性，把 myObject 中的 a 和 b 属性取出来放到一个新对象中，其他的属性都放到了变量 others 中。

通过 Object rest 属性，我们可以轻松地从一个对象中提取出需要的属性，并将其余属性放到一个新对象中。这个特性的语法形式也非常简洁易懂，使得代码更加优雅。

Object spread 属性

与 Object rest 属性不同的是，Object spread 属性是用于将一个对象的属性分布到另一个对象中的。其语法形式与 Object rest 属性类似，如下所示：

const object1 = { a: 1, b: 2, c: 3 };
const object2 = { ...object1, d: 4 };
console.log(object2);   // { a: 1, b: 2, c: 3, d: 4 }

上面的代码中，我们定义了一个对象 object1，它有三个属性：a、b、c。我们可以使用 Object spread 属性来将 object1 中的属性分布到一个新的对象中，并添加一个新属性 d。最终，我们得到了一个新对象 object2，它包含了 object1 中的所有属性以及新增的属性 d。

通过 Object spread 属性，我们可以轻松地将一个对象中的属性分布到另一个对象中，使得代码更加优雅。同时，这个特性也提高了代码的可读性，使得我们的代码更加易于维护。

总结

ES8 中的 Object rest 和 spread 属性给编程带来了很多便利。Object rest 属性使得我们能轻松地从一个对象中提取需要的属性，并将其余属性放到一个新对象中。Object spread 属性则使得我们能够轻松地将一个对象中的所有属性分布到另一个对象中。这两个特性的语法形式非常简洁明了，使得代码更加美观。

以上是 Object rest 和 spread 属性的详细介绍，希望能够对您有所帮助。如果您想深入学习这两个特性，可以去查看官方文档，或者去尝试实践一下。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649ec41748841e9894b4b376