在 ES6 中使用 Rest 参数：更加灵活
在前端开发中，我们经常需要定义一些函数来操作数据或者对数据进行处理。在这些函数中，我们可能需要处理可变长度的参数，这就需要使用 Rest 参数来帮助我们更好地完成代码编写。
Rest 参数是 ES6 中引入的一个新特性。它允许我们使用三个点（...）来定义一个函数参数，这个参数可以接收任意数量的参数并把它们存储在一个数组中。
Rest 参数的语法十分简单，只需要在参数名称前添加三个点即可，例如：
function myFunction(...myParameters) { // myParameters 是一个数组，包含所有传递到 myFunction 中的参数 }
在上面的代码中，我们定义了一个名为 myFunction 的函数，它使用了一个 Rest 参数 myParameters。当我们在调用这个函数的时候，不管传入多少个参数，它们都会被存储在 myParameters 数组中。
使用 Rest 参数可以让我们的代码变得更加灵活。比如说，我们可以定义一个变长参数的求和函数：
function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); }
在这个函数中，我们使用了 Rest 参数 numbers 来接收任意数量的参数。我们使用了 reduce 方法来把这些参数相加起来，并返回它们的和。在调用这个函数的时候，我们可以传递任意数量的参数，函数都能够正常工作。
Rest 参数也可以与其他参数类型一起使用。比如说，我们可以把一个普通参数和一个 Rest 参数结合使用：
function aFunction(firstParameter, ...otherParameters) { // firstParameter 是第一个参数 // otherParameters 是其他的参数，以数组的形式接收 }
在这个代码中，我们定义了一个普通参数 firstParameter 和一个 Rest 参数 otherParameters。当我们在调用这个函数的时候，第一个参数会被存储在 firstParameter 中，其他的参数会以数组的形式存储在 otherParameters 中。
总结
使用 Rest 参数是 ES6 中一个非常实用的新特性。它可以让我们更加灵活地处理可变长度参数的问题，提高了我们的代码编写效率。使用 Rest 参数可以与其他参数类型一起使用，让我们能够更好地控制函数的输入参数。在日常的开发中，我们可以灵活运用 Rest 参数，使我们的代码更加简洁、清晰和易于维护。
示例代码
以下是一个结合其他参数类型使用 Rest 参数的示例代码：
function sayHello(greeting, ...names) {
console.log(${greeting}, ${names.join(', ')});
}
sayHello('Hello', 'Alice', 'Bob', 'Charlie');
这段代码定义了一个函数 sayHello，它接收两个参数。第一个参数是普通参数 greeting，表示问候语；第二个参数是 Rest 参数 names，接收任意数量的名字。在函数体中，我们使用了 join 方法来把这些名字拼接在一起，并输出问候语。在调用这个函数的时候，我们传递了三个参数，第一个是问候语，后面两个是名字，函数正常输出 "Hello, Alice, Bob, Charlie"。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654de8f17d4982a6eb7461b9