JavaScript展开运算符（…）用于将可迭代对象或对象展开为独立元素，支持数组复制合并、函数传参、对象浅拷贝与合并等；仅适用于可迭代对象，且仅为浅拷贝。
JavaScript 展开运算符（Spread Operator）是三个点 …，它能把可迭代对象（如数组、字符串、类数组）或对象“展开”成独立的元素，常用于复制、合并、解构等场景。它的核心作用是“把一个整体拆成多个部分”，和剩余参数（Rest Parameter）写法一样但用途相反。
数组操作：快速复制和拼接
不用再写 slice() 或 concat()，展开运算符让数组操作更直观：
复制数组：const newArr = [...oldArr];（浅拷贝） 合并数组：const combined = [...arr1, ...arr2, 4, 5]; 函数调用传参：Math.max(...numbers) 替代 Math.max.apply(null, numbers)
对象展开：解构与合并更简洁
对象也能用 ... 展开，适合浅拷贝、默认值设置、状态更新等：
浅拷贝对象：const copy = { ...obj }; 合并对象（后项覆盖前项）：const merged = { ...defaults, ...userInput }; 添加/覆盖属性：const updated = { ...obj, id: 100, name: 'Alice' };
替代 apply 和 arguments 场景
以前需要用 func.apply(this, args) 的地方，现在直接展开即可：
立即学习“Java免费学习笔记（深入）”；
构造函数调用：new Date(...[2023, 0, 1]) 函数柯里化或代理中透传参数：function wrapper(...args) { return realFunc(...args); } 解构时跳过某些项：const [first, , ...rest] = [1, 2, 3, 4]; // first=1, rest=[3,4]
注意边界：不是万能，有使用限制
展开运算符只适用于**可迭代对象**（Array、String、Map、Set、NodeList 等），不能直接展开 null、undefined 或普通对象（除非用在对象字面量中）。另外它只做浅拷贝，嵌套对象仍共享引用。
基本上就这些。用熟了你会发现，它让代码更短、更易读，也更符合函数式习惯。
以上就是JavaScript展开运算符是什么_它有哪些用途？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543166.html
微信扫一扫 
支付宝扫一扫 
