在 ES6 中，Rest 参数是一种非常实用的语法特性，它可以用来接收任意数量的函数参数，并把它们存储到一个数组中。比如下面这个例子：
function myFunc(...params) {
console.log(params);
}
myFunc(1, 2, 3, 4); // 输出 [1, 2, 3, 4]然而，ESLint 默认情况下并不支持对 Rest 参数的语法校验。这意味着如果你在代码中使用了 Rest 参数，ESLint 将无法对其进行检查，并有可能出现一些隐藏的 bug。本文将介绍如何在 ESLint 中启用 Rest 参数校验，并指导你如何优化你的代码。
启用 ESLint Rest 参数校验
在 ESLint 中启用对 Rest 参数语法的校验非常简单，只需要在配置文件中添加 plugin:eslint-plugin-rest, 然后在 rules 中添加相关规则即可。其中，rest/spread-spacing 是检查 Rest 参数和 Spread 语法之间的空格是否合法的规则。
{
"plugins": [...,"eslint-plugin-rest"],
"rules": {
"rest/spread-spacing": "error"
}
}Rest 参数最佳实践
除了启用 Rest 参数的校验外，我们还需要遵循一些最佳实践，以确保我们的代码是高质量、易读且可维护的。
永远不要传入无用的参数
当我们定义了一个接收任意数量参数的函数时，有时我们可能想要仅仅获取这些参数中有用的值。然而，这会导致错误的行为和低效的性能。因此，我们应该尽量避免接收无用的参数。
比如，下面这个例子中，我们定义了一个 sum 函数，它接收任意数量的参数并返回它们的和：
function sum(...args) {
let total = 0;
for (let i = 0; i < args.length; i++) {
total += args[i];
}
return total;
}但如果我们不小心给这个函数传入了一个字符串，它将不会报错，而只是返回值变成了 NaN。为了避免这种情况的发生，我们应该总是检查我们的参数是否为数字类型：
-- -------------------- ---- -------
-------- ------------ -
--- ----- - --
--- ---- - - -- - - ------------ ---- -
-- ------- ------- --- --------- -
----- -- --------
-
-
------ ------
-不要和普通参数混合使用
我们也需要注意不要和普通函数参数混在一起使用 Rest 参数，因为这样会导致参数的顺序变得混乱，代码难以阅读和理解。如果你需要同时接收 Rest 参数和普通参数，你可以将 Rest 参数放置在普通参数之后，或使用对象解构来传递参数。
// 普通参数在前，Rest 参数在后
function myFunc(arg1, arg2, ...restArgs) { /* ... */ }
// 对象解构
function myFunc({ arg1, arg2, ...restArgs }) { /* ... */ }要避免闭包内部使用的 Rest 参数
我们还需要避免在闭包（匿名函数、setTimeout 等）的内部使用 Rest 参数，因为这会导致内存泄漏。
比如下面这个例子，我们使用 Rest 参数来接收输入的参数，并在 setTimeout 中使用：
function test() {
const inputs = [1, 2, 3];
setTimeout(() => { console.log(...inputs); }, 1000);
}在这个例子中，输入的参数 inputs 在 setTimeout 内部被引用，而这个闭包在全局作用域内得不到释放，因此导致了内存泄漏。为了避免这种情况的发生，我们应该在闭包内部使用变量而不是参数：
function test() {
const inputs = [1, 2, 3];
const fn = () => { console.log(...inputs); };
setTimeout(fn, 1000);
}结论
在本文中，我们讨论了如何在 ESLint 中启用对 Rest 参数的语法校验，并介绍了一些 Rest 参数的最佳实践，包括避免传入无用的参数、不要和普通参数混合使用、避免在闭包内部使用参数等。我们希望这些技巧对你的工作和学习有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671f458c2e7021665efcb99b