ECMAScript 2018 中的 REST 参数：如何使用？
在我们日常使用 JavaScript 进行开发时，经常会遇到需要处理变长参数的情况。在以前，我们会使用 arguments 对象来接收变长参数，但是这种方式不够直观、容易出错，而且导致代码可读性降低。事实上，ECMAScript 2018 版本中增加了一种新的特性，即 REST 参数，可以更方便、安全、可读性更高地处理变长参数。那么，我们该如何使用 REST 参数呢？
一、什么是 REST 参数
REST 参数是一种用来表示不定数量的参数的语法，是用三个点（...）表示的参数，用来表示一个数组类型。
二、使用方法
- 声明
REST 参数的写法是在函数的参数最后，使用三个点符号（...）表示。
function fn(a, b, ...rest) {
console.log(a, b, rest);
}上述代码中的 fn 函数有三个参数，其中 rest 参数是 REST 参数，用 ...rest 表示。当我们向 fn 函数传递参数时，前两个参数会分别赋值给 a 和 b，其余的参数会被收集到 rest 数组中。示例如下：
fn(1, 2, 3, 4, 5); // 输出：1, 2, [3, 4, 5]
- 案例
下面通过一个案例说明 REST 参数的使用方法。假设我们有一个求和函数 Add，我们传入任意数量的参数，函数会将所有参数相加并返回结果。在没有 REST 参数时，我们可以使用 arguments 对象来实现，代码如下：
function Add() {
var total = 0;
for (var i = 0; i < arguments.length; i++) {
total += arguments[i];
}
return total;
}上述代码中，我们使用了 arguments 对象来接收不定数量的参数。
在有了 REST 参数之后，我们可以更加方便地处理这种情况，代码如下：
function Add(...rest) {
var total = 0;
for (var i = 0; i < rest.length; i++) {
total += rest[i];
}
return total;
}可以看到，使用 REST 参数后，代码更加简洁、易读。
三、指导意义
- 更安全
使用 REST 参数可以避免写出不安全代码，例如 arguments 对象可以被修改，但使用 REST 参数时，则不能修改 rest 数组。
- 更直观
使用 REST 参数可以使代码更加整洁、直观，让人更容易了解参数的用途和含义。
- 更易读
使用 REST 参数可以减少冗余代码和逻辑，使代码更加易读。在函数的参数声明时，我们就能够清晰地看到参数的格式和取值范围，提高了代码的可读性。
四、总结
在本文中，我们学习了 ECMAScript 2018 中的 REST 参数的使用方法和指导意义。REST 参数的优点在于更加安全、直观、易读，而不使用 REST 参数则容易出现错误和不安全。在实际开发中，我们应该优先考虑使用 REST 参数来处理变长参数的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66501fdfd3423812e42368fd