在 JavaScript 开发中，常常需要复制对象或者数组，以便于对它们进行操作，此时原来的对象或者数组就不会受到影响。在 ES8 中引入了 Rest/Spread Properties，它可以大大简化对象或者数组的复制操作。
Rest/Spread Properties 是什么
ES6 中已经引入了 Rest 参数，用来获取函数的多余参数，而 Spread 操作符则可以将数组或者对象展开，分别应用于函数的参数或数组字面量中。
ES8 中的 Rest/Spread Properties，是将 Rest 和 Spread 操作符应用到对象的属性上。在对象字面量中使用 Spread 操作符，可以将一个对象展开成多个属性，而在函数的参数中使用 Rest 操作符，可以将多个对象合并成一个新对象。
Rest/Spread Properties 的使用
基本语法
在对象字面量中使用 Spread 操作符，可以将一个对象展开到现有对象中。在函数中使用 Rest 操作符也可以将多个对象合并成一个新对象。
let firstObject = {a: '1', b: '2'};
let secondObject = {c: '3', d: '4'};
let mergedObject = {...firstObject, ...secondObject}; // 对象复制-- -------------------- ---- -------
-------- ------------------------ -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
--- ------ - -----------
--- ---- --- -- ------- -
-- ---------------------------- -
----------- - ------------
-
-
-
------ -------
-
--- ----------- - --- ---- -- -----
--- ------------ - --- ---- -- -----
--- ------------ - ------------------------- -------------- -- ----应用场景
Rest/Spread Properties 可以用在对象的属性复制、合并和参数的传递等场景。
对象属性复制
在之前开发中，复制对象时需要使用循环的方式，将原对象的属性一个一个赋值到新对象上。但是使用 Rest/Spread Properties，可以通过一行代码实现对象的复制。
let firstObject = {a: '1', b: '2'};
let copiedObject = {...firstObject}; // 对象复制对象属性合并
如果要将两个对象合并成一个新对象，使用 Rest/Spread Properties 也非常简单。
let firstObject = {a: '1', b: '2'};
let secondObject = {c: '3', d: '4'};
let mergedObject = {...firstObject, ...secondObject}; // 对象合并参数传递
函数的参数可以是一个或多个对象，使用 Rest 操作符可以将多个对象合并成一个新对象。
-- -------------------- ---- -------
-------- ------------------------ -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
--- ------ - -----------
--- ---- --- -- ------- -
-- ---------------------------- -
----------- - ------------
-
-
-
------ -------
-
--- ----------- - --- ---- -- -----
--- ------------ - --- ---- -- -----
--- ------------ - ------------------------- -------------- -- ----Rest/Spread Properties 的优势
使用 Rest/Spread Properties 可以大大简化对象或者数组的复制操作。其优势还包括：
- 代码简洁：传统的复制方式需要使用循环，代码量比较大，而使用 Rest/Spread Properties，只需要一行代码即可完成。
- 快速合并：在合并多个对象时，使用 Rest/Spread Properties 可以快速、清晰地实现对象的合并，可以提高代码效率。
总结
Rest/Spread Properties 是 ES8 中的一个新特性，可以将 Rest 和 Spread 操作符应用于对象的属性上。它可以大大简化对象和数组的复制操作，并提供了快速合并对象的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/659f5684add4f0e0ff7fec62