javascript剩余参数_怎样处理不定数量参数_网络技术

发布时间 - 2026-01-08 00:00:00 点击率：次

剩余参数（...）是ES6引入的语法，用于捕获函数末尾不定数量参数并形成真数组；而arguments是类数组对象，无数组方法且箭头函数中不可用。

剩余参数（Rest Parameters）用 ... 语法捕获函数末尾的不定数量参数，它是个真正的数组；而 arguments 是类数组对象，没有 map、filter 等方法，也不能直接解构。

常见错误是把 arguments 当成数组来用，比如写 arguments.map(...)，会报 TypeError: arguments.map is not a function。

声明时必须带名字，比如 ...items，不能单独写 ...。它会收集从第一个未匹配形参开始的所有实参。

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3); // 6
sum(); // 0（空数组 reduce 得 0）

如果前面还有固定参数，剩余参数只收“多出来的”部分：function fn(a, b, ...rest) 中传 fn(1, 2, 3, 4) → a=1, b=2, rest=[3,4]
剩余参数不能和同名变量冲突，比如不能写 function f(...args) { const args = [] }（会报 Identifier 'args' has already been declared）
它不包含默认参数的值，只反映实际传入的参数个数

同一个 ... 符号，在函数定义里是剩余参数（收集），在函数调用或字面量里是扩展运算符（展开）。容易在嵌套调用时搞反方向。

function log(...msgs) {
  console.log('start:', ...msgs); // 这里是扩展：把 msgs 数组展开成多个参数
}
log('a', 'b'); // start: a b

IE 完全不支持剩余参数，Node.js 4+ 和现代浏览器都支持。如果需兼容旧环境，得用 Array.prototype.slice.call(arguments) 模拟。

// 不推荐的兼容写法（仅当真要支持 IE 时才考虑）
function oldStyle() {
  var args = Array.prototype.slice.call(arguments, 1); // 跳过第一个参数
  return args.join('-');
}

真正容易被忽略的是：剩余参数不会过滤 undefined 或 null —— 它们照单全收。传 fn(1, undefined, 3)，... 拿到的就是 [1, undefined, 3]，不是 [1, 3]。