JavaScript 的 rest 参数和展开运算符在函数定义和调用中有何灵活性？-js教程-PHP中文网

JavaScript 的 rest 参数和展开运算符在函数定义和调用中有何灵活性？

夜晨

发布： 2025-09-30 19:00:02

原创

906人浏览过

rest参数用于函数定义中收集剩余参数为数组，如sum(...numbers)；展开运算符用于函数调用时拆分数组或对象，如Math.max(...values)，以及合并对象{...user, age:26}，两者均只进行浅层操作。

javascript 的 rest 参数和展开运算符在函数定义和调用中有何灵活性？

JavaScript 的 rest 参数和展开运算符（spread operator）虽然写法相同，都是三个点 (...)，但用途不同，分别在函数定义和调用中提供了极大的灵活性。

在函数定义中，rest 参数允许你将不确定数量的参数表示为一个数组。这让你可以轻松处理可变数量的传入参数。

例如：

function sum(...numbers) {
return numbers.reduce((total, num) => total + num, 0);
}

sum(1, 2, 3); // 返回 6
sum(4, 5); // 返回 9

这里 ...numbers 将所有传入的参数收集到一个名为 numbers 的数组中。rest 参数必须是函数参数列表中的最后一个。

在函数调用时，展开运算符可以把数组“打散”成独立的参数，替代传统的 apply 方法。

v0.dev

Vercel推出的AI生成式UI工具，通过文本描述生成UI组件代码

232

例如：

const values = [1, 2, 3];
console.log(Math.max(...values)); // 输出 3

等价于 Math.max(1, 2, 3)。你也可以组合使用：

const moreValues = [0, ...values, 4]; // [0, 1, 2, 3, 4]

展开运算符也适用于对象，用于浅复制或合并对象。

const user = { name: 'Alice', age: 25 };
const updated = { ...user, age: 26, city: 'Beijing' };
// 结果：{ name: 'Alice', age: 26, city: 'Beijing' }

注意后面的属性会覆盖前面的同名属性。

基本上就这些。rest 参数让函数更灵活地接收参数，展开运算符让数据操作更简洁直观。两者结合使用，能大大提升代码的可读性和实用性。不复杂但容易忽略的是，它们只做一层浅展开，深层结构仍需手动处理。

以上就是JavaScript 的 rest 参数和展开运算符在函数定义和调用中有何灵活性？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript自然语言_分词算法JavaScript实现 JavaScript_微服务架构与分布式系统 JavaScript机器学习_TensorFlow.js模型训练 JS模块化：从CommonJS到ES Modules演进 JavaScript观察者模式_自定义事件系统