最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JavaScript 箭头函数剩余参数传递
时间：2026-07-15 20:33:50 编辑：袖梨 来源：一聚教程网
箭头函数支持剩余参数，语法为...args且必须为最后一个形参；剩余参数是真数组，可直接调用数组方法，无实参时为空数组[]，是访问实参的唯一标准方式。
箭头函数可以接收剩余参数（rest parameters），语法和普通函数一致，使用 ...args 形式。
箭头函数中使用剩余参数的写法
剩余参数必须是最后一个形参，且前面不能有其他具名参数（除非用解构或默认值配合）。
- 正确写法：
const sum = (...nums) => nums.reduce((a, b) => a + b, 0); - 带前置参数时需注意顺序：
const logWithPrefix = (prefix, ...messages) => console.log(prefix, ...messages); - 不能写成：
(...a, b) => {}（语法错误）
剩余参数在箭头函数中的行为特点
剩余参数在箭头函数里表现和普通函数完全相同：它是一个真正的数组，不是类数组对象，可直接调用 map、filter 等方法。
-
...args收集的是调用时传入的“额外”实参，不包括已命名的参数 - 没有实参时，
args是空数组[]，不会是undefined - 箭头函数没有自己的
arguments对象，剩余参数是访问实参的唯一标准方式
常见误用与注意事项
容易混淆的地方在于「剩余参数」和「展开语法」写法相似但语义不同；在箭头函数中尤其要注意上下文绑定问题。
立即学习“Java免费学习笔记（深入）”；
- 不要试图在剩余参数后加默认值参数：
(...rest, x = 1) => {}是非法语法 - 若需默认值，应放在剩余参数之前：
(a = 1, ...rest) => {} - 箭头函数不绑定
this，但剩余参数本身不受影响——它只关乎参数接收逻辑
相关文章
- 钉钉AI做邮件润色怎样运用参考资料 07-17
- Vegas如何制作打字机字幕效果 07-17
- 鲨鱼记账记错了怎样删除 07-17
- 《和平精英》湖心岛鱼竿怎么获得-特训岛钓鱼位置指南 07-17
- soulmate聊满8个字需要多长时间 07-17
- 熊猫办公网页版如何登录 07-17