在 ECMAScript 2019 中，Spread Syntax 和 Rest Parameters 是两个非常有用的功能，它们可以让你的函数编程更加高效。本文将详细介绍这两个功能的使用方法，并提供示例代码。
Spread Syntax
在函数调用或数组/对象构造时，Spread Syntax 可以将数组或对象展开成单独的元素。这可以使得函数调用和数组/对象构造更加简洁。
在函数调用中使用 Spread Syntax
在函数调用中使用 Spread Syntax，可以将数组展开成单独的元素，作为函数的参数。示例如下：
function sum(a, b, c) { return a + b + c; } const arr = [1, 2, 3]; console.log(sum(...arr)); // 输出 6
在上面的例子中，我们使用 Spread Syntax 将数组 arr 展开成单独的元素，作为函数 sum 的参数。这样，我们就可以使用更加简洁的方式来调用函数 sum。
在数组构造和对象构造中使用 Spread Syntax
在数组构造和对象构造中使用 Spread Syntax，可以将数组或对象展开成单独的元素，用于构造新的数组或对象。示例如下：
-- -------------------- ---- ------- ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- ------------------ -- -- --- -- -- -- -- -- ----- ---- - - -- -- -- - -- ----- ---- - - -- - -- ----- ---- - - -------- ------- -- ------------------ -- -- - -- -- -- -- -- - -展开代码
在上面的例子中，我们使用 Spread Syntax 将数组 arr1 和 arr2 展开成单独的元素，用于构造新的数组 arr3。同样地，我们使用 Spread Syntax 将对象 obj1 和 obj2 展开成单独的元素，用于构造新的对象 obj3。这样，我们就可以使用更加简洁的方式来构造新的数组和对象。
Rest Parameters
在函数定义时，Rest Parameters 可以将不定数量的参数表示为一个数组。这可以使得函数定义更加灵活。
在函数定义中使用 Rest Parameters
在函数定义中使用 Rest Parameters，可以将不定数量的参数表示为一个数组。示例如下：
function sum(...args) { return args.reduce((acc, val) => acc + val, 0); } console.log(sum(1, 2, 3)); // 输出 6 console.log(sum(1, 2, 3, 4, 5)); // 输出 15
在上面的例子中，我们使用 Rest Parameters 将不定数量的参数表示为一个数组 args。这样，我们就可以使用更加灵活的方式来定义函数 sum，并且可以传递不定数量的参数。
在函数调用中使用 Rest Parameters
在函数调用中使用 Rest Parameters，可以将数组展开成单独的元素，作为函数的参数。示例如下：
function sum(a, b, c) { return a + b + c; } const arr = [1, 2, 3]; console.log(sum(...arr)); // 输出 6
在上面的例子中，我们使用 Spread Syntax 将数组 arr 展开成单独的元素，作为函数 sum 的参数。这样，我们就可以使用更加简洁的方式来调用函数 sum。
总结
通过本文的介绍，我们学习了 ECMAScript 2019 中的 Spread Syntax 和 Rest Parameters 两个功能。它们可以让我们的函数编程更加高效，让我们使用更加简洁和灵活的方式来调用函数和构造数组/对象。希望本文对你有所帮助，也希望你可以在实际的开发中灵活使用这两个功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660e99e1d10417a222f1f1d2
