讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript剩余参数是什么_如何用它处理不定数量的参数

冬杰君_5564

冬杰君_5564

发布时间:2025-12-19 17:51:08

|

1029人浏览过

|

来源于php中文网

原创

JavaScript剩余参数(...args)允许函数接收任意数量实参并存为真数组,必须位于参数列表末尾;相比arguments类数组,它支持数组方法且适用于箭头函数。

javascript剩余参数是什么_如何用它处理不定数量的参数

JavaScript 剩余参数(Rest Parameters)是一种语法特性,允许函数接收**任意数量的实参**,并将它们自动收集为一个**真正的数组**。它用三个点 ... 加参数名表示,比如 ...args,必须放在参数列表的**最后位置**。

剩余参数 vs arguments 对象

过去常用 arguments 类数组对象来处理不定参数,但它不是数组,不能直接用 map、filter、展开运算符等;而剩余参数是标准数组,更直观、更强大。

  • arguments 是类数组,没有数组方法,且在箭头函数中不可用
  • ...args 是真数组,支持所有数组方法和解构
  • 剩余参数只捕获“未显式声明”的多余参数,arguments 包含全部传入参数

基本写法和使用场景

定义函数时,在最后一个形参前加 ...,该参数就会接收所有剩余实参:

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}
sum(1, 2);        // 3
sum(1, 2, 3, 4);  // 10

常见用途包括:

立即学习“Java免费学习笔记(深入)”;

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载
  • 封装多参数函数(如日志、装饰器)
  • 实现函数柯里化或参数预填充
  • 与解构配合,提取前几个参数再收尾部
  • 转发参数给其他函数(如包装 console.log)

和解构搭配使用的技巧

可以结合数组解构,灵活分离“固定参数”和“剩余参数”:

function greet(first, second, ...others) {
  console.log(`Hi, ${first} and ${second}`);
  if (others.length > 0) {
    console.log('Also:', others.join(', '));
  }
}
greet('Alice', 'Bob', 'Charlie', 'Diana');
// Hi, Alice and Bob
// Also: Charlie, Diana

注意:剩余参数只能有一个,且必须是最后一个参数;不能和多个同级剩余参数共存,也不能出现在默认参数之后。

实际小例子:简易事件总线

用剩余参数轻松实现发布订阅模式中的多参数事件触发:

const bus = {
  events: {},
  on(event, handler) {
    this.events[event] = this.events[event] || [];
    this.events[event].push(handler);
  },
  emit(event, ...data) {
    const handlers = this.events[event] || [];
    handlers.forEach(fn => fn(...data)); // 用展开运算符传参
  }
};

bus.on('user-login', (name, role) => console.log(`${name} logged in as ${role}`));
bus.emit('user-login', 'Tom', 'admin'); // Tom logged in as admin

这里 ...data 收集所有事件载荷,fn(...data) 又把它们原样展开传递,干净又灵活。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

5724

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2364

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

1592

2025.10.17

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

430

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

323

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

473

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

243

2025.11.27

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

776

2023.08.08

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

20

2026.09.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn