剩余参数（...）允许函数接收不定数量实参并自动封装为真数组，必须位于形参末位，可与普通参数共存，替代了arguments类数组对象，支持直接调用数组方法且兼容箭头函数。

JavaScript 剩余参数（Rest Parameters）是一种语法特性，用三个点 ... 表示，允许函数接收**不定数量的实参**，并将它们收集为一个真正的数组。它替代了过去依赖 arguments 类数组对象的写法，更简洁、更强大。

剩余参数的基本写法

剩余参数必须是函数最后一个形参，且前面不能有其他普通参数（除非用默认值或解构等配合）。它会把调用时“多出来的”参数自动装进一个数组里。

• 正确写法：function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); }
• 错误写法：function demo(a, ...rest, b) { }（剩余参数不能在中间）
• 可与普通参数共存：function greet(first, ...others) { console.log(first, others); }

和 arguments 的关键区别

arguments 是类数组对象，没有数组方法（如 map、filter），需要手动转成数组；而剩余参数本身就是 Array 实例，开箱即用。

• 旧方式：Array.from(arguments).map(x => x * 2) 或 [...arguments].map(...)
• 新方式：numbers.map(x => x * 2)（直接调用）
• arguments 在箭头函数中不可用，剩余参数可以用于任何函数（包括箭头函数）

常见实用场景

剩余参数特别适合封装工具函数、代理调用、参数预处理等场景。

• 合并多个数组：const merge = (...arrays) => [].concat(...arrays);
• 带默认前缀的日志函数：const log = (prefix, ...msgs) => console.log(`[${prefix}]`, ...msgs);
• 函数柯里化或转发：const delay = (fn, ms, ...args) => setTimeout(() => fn(...args), ms);

注意边界情况

调用时没传额外参数，剩余参数就是空数组，不会是 undefined，这点很安全。

• sum() → numbers 是 []，reduce 可正常返回初始值
• 但若函数逻辑依赖至少一个参数，仍需自行校验，比如 if (numbers.length === 0) throw new Error('至少传一个数');
• 不能和 arguments 混用：用了剩余参数后，arguments 依然存在，但不推荐再用

# javascript  # java  # 工具  # 区别  # red 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  利用 Google AI 进行 YouTube 视频 SEO 描述优化  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  潮流网站制作头像软件下载,适合母子的网名有哪些？  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  ,南京靠谱的征婚网站？  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  如何快速搭建高效WAP手机网站吸引移动用户？  Mybatis 中的insertOrUpdate操作  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  教学论文网站制作软件有哪些,写论文用什么软件 ？  Laravel如何使用Eloquent进行子查询  bing浏览器学术搜索入口_bing学术文献检索地址  轻松掌握MySQL函数中的last_insert_id()  JavaScript如何实现类型判断_typeof和instanceof有什么区别  如何快速生成ASP一键建站模板并优化安全性？  高防服务器：AI智能防御DDoS攻击与数据安全保障  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  Android利用动画实现背景逐渐变暗  简历没回改：利用AI润色让你的文字更专业  nodejs redis 发布订阅机制封装实现方法及实例代码  MySQL查询结果复制到新表的方法(更新、插入)  javascript日期怎么处理_如何格式化输出  ,在苏州找工作，上哪个网站比较好？  Laravel怎么清理缓存_Laravel optimize clear命令详解  *服务器网站为何频现安全漏洞？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  Android使用GridView实现日历的简单功能  php打包exe后无法访问网络共享_共享权限设置方法【教程】  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  5种Android数据存储方式汇总  高端网站建设与定制开发一站式解决方案 中企动力  Python文件流缓冲机制_IO性能解析【教程】  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何在腾讯云服务器快速搭建个人网站？  在线教育网站制作平台,山西立德教育官网？  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  实现点击下箭头变上箭头来回切换的两种方法【推荐】  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  如何快速配置高效服务器建站软件？  免费视频制作网站,更新又快又好的免费电影网站？  如何有效防御Web建站篡改攻击？  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  Laravel如何创建自定义Artisan命令？（代码示例）  魔方云NAT建站如何实现端口转发？  jQuery validate插件功能与用法详解