JavaScript中的rest参数和展开运算符为函数的参数处理提供了极高的灵活性，它们分别解决了函数接收不定数量参数和快速传递参数的问题，让代码编写更加简洁高效。
rest参数在函数定义中的灵活性
rest参数使用三个点加参数名的形式定义，它可以将函数接收的剩余参数收集到一个数组中，解决了传统<arguments>对象无法直接调用数组方法的问题。
基本使用方式
当函数需要接收不确定数量的参数时，rest参数可以替代传统的arguments处理模式：
// 使用rest参数实现求和函数
function sum(...numbers) {
// rest参数收集的是数组，可直接调用数组的reduce方法
return numbers.reduce((total, current) => total + current, 0);
}
console.log(sum(1, 2)); // 输出3
console.log(sum(1, 2, 3, 4, 5)); // 输出15
与普通参数结合使用
rest参数可以和其他普通参数一起使用，但必须放在参数列表的最后一位，否则会抛出语法错误：
// 第一个参数为固定参数，剩余参数用rest收集
function printInfo(prefix, ...messages) {
messages.forEach(msg => {
console.log(`${prefix}: ${msg}`);
});
}
printInfo('提示', '操作成功', '数据已更新', '请刷新页面');
// 输出：
// 提示: 操作成功
// 提示: 数据已更新
// 提示: 请刷新页面
展开运算符在函数调用中的灵活性
展开运算符同样使用三个点的形式，作用是把数组或者类数组对象展开为独立的参数序列，在调用函数时可以避免手动逐个传递参数的麻烦。
传递数组作为参数
当函数的参数需要接收多个独立值时，如果数据已经存储在数组中，使用展开运算符可以直接传递数组，不需要使用<apply>方法：
function calculate(a, b, c) {
return a * b + c;
}
const params = [2, 3, 4];
// 直接展开数组作为参数传递
const result = calculate(...params);
console.log(result); // 输出10，等价于calculate(2, 3, 4)
合并参数传递
展开运算符还可以在调用函数时，将多个数组或值组合后传递，让参数传递更加灵活：
function mergeLogs(log1, log2, log3, log4) {
return [log1, log2, log3, log4].join(' | ');
}
const baseLogs = ['系统启动', '加载配置'];
const extraLogs = ['用户登录', '权限校验'];
// 合并两个数组的内容作为参数传递
const fullLog = mergeLogs(...baseLogs, ...extraLogs);
console.log(fullLog); // 输出 系统启动 | 加载配置 | 用户登录 | 权限校验
两者的组合使用场景
rest参数和展开运算符可以配合使用，实现参数的转发和重组，在封装高阶函数时非常实用：
// 封装一个日志函数，转发参数给原始的console.log
function enhancedLog(...args) {
// 给原始日志添加时间戳前缀
const timestamp = new Date().toLocaleTimeString();
console.log(`[${timestamp}]`, ...args);
}
enhancedLog('接口请求成功', '响应状态码200');
// 输出类似 [14:30:22] 接口请求成功 响应状态码200
注意事项
- rest参数必须是函数最后一个参数，否则会报语法错误
- 展开运算符在展开对象时仅适用于函数调用和数组/对象字面量场景，不能直接展开普通对象作为函数参数（ES2018之后支持对象展开，但函数参数场景仍需结合rest参数）
- rest参数收集的是真实数组，而<arguments>是类数组对象，无法直接调用数组的原生方法
JavaScriptrest_参数展开运算符函数定义函数调用修改时间：2026-06-19 09:30:14