ES9 新增功能：Rest and Spread 操作符介绍
ES9（ECMAScript 2018）是 JavaScript 最新的版本，其中新增了一些功能和特性。本文将着重介绍 ES9 中新增的 Rest 和 Spread 操作符，并详细介绍它们的用法和示例。
Rest 操作符
Rest 操作符用于收集函数传递过程中的多个参数，并将它们作为一个数组传递给函数内部。Rest 操作符使用三个点（...）表示，通常将其放在函数参数的末尾。
示例代码：
-- -------------------- ---- -------
-------- ------------ -
--- ------ - --
--- ---- - - -- - - ------------ ---- -
------ -- --------
-
------ -------
-
------------------- -- -
-------------------- -- -
------------------ ---- -- -
------------------ -- ---- -- -在上面的示例代码中，Rest 操作符被用来收集函数传递过程中的多个参数。在函数 sum 中，...args 形参接收多个参数，并以数组的形式存储在 args 变量中。然后我们用循环遍历这个数组，将所有参数相加，最终返回这个和。
Spread 操作符
Spread 操作符可以将数组或对象“展开”成函数调用或字面量表达式中的多个参数或元素。Spread 操作符同样使用三个点（...）表示。
示例代码：
-- -------------------- ---- ------- ----- ------- - --- -- --- ------------------------ -- - - - ----- ------ - --- -- --- ----- ------ - --- --- ----- ----------- - ----------- ----------- ------------------------- -- --- -- -- -- -- ----- ------- - - -- -- -- - -- ----- ------- - - -- -- -- - -- ----- ------------ - - ----------- ---------- -- -------------------------- -- --- -- -- -- -- -- -- --
在上面的示例代码中，Spread 操作符被用来将数组和对象“展开”成多个参数或元素。在第一个示例中，我们通过 ...numbers 将整个数组展开成了多个参数，最终在控制台打印出了它们。在第二个示例中，我们用 ... 将两个数组连接起来，形成了新的数组。最后一个示例中，我们可以使用 Spread 操作符将两个对象合并成一个新的对象。
Rest 与 Spread 的结合使用
Rest 操作符和 Spread 操作符可以一起使用，以便同时接收和展开多个参数。这通常在函数传递过程中使用，使得我们可以清晰地定义函数的参数，同时能够传递多个参数。
示例代码：
function mergeArrays(...arrays) {
return [].concat(...arrays);
}
const a = [1, 2, 3];
const b = [4, 5];
const c = [6];
console.log(mergeArrays(a,b,c)); // [1, 2, 3, 4, 5, 6]在上面的示例代码中，我们使用 Rest 操作符将参数收集到数组 arrays 中。然后，我们使用 Spread 操作符将数组 arrays 拆分开来，形成新的数组。
总结
在 ES9 中，Rest 操作符和 Spread 操作符是两个非常有用的功能。它们可以简化代码，并使代码更易于阅读和理解。当使用 Rest 操作符时，我们可以更轻松地处理传递给函数的多个参数。而 Spread 操作符则可以让我们更方便地操作数组和对象。
我们应该深入了解 Rest 和 Spread 操作符，并努力在我们的项目中使用它们。这会提高我们的代码质量，并使开发工作更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6459e964968c7c53b0c02c2c