标签：
在 JavaScript 中，... 是展开运算符（spread operator）。它用于将数组或对象的元素/属性展开到另一个数组或对象中。根据上下文，它可以有几个不同的用途，主要包括：
1. 数组的展开
将一个数组的元素展开到另一个数组中：
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5]; // arr2 现在是 [1, 2, 3, 4, 5]
JavaScript
2. 对象的展开
将一个对象的属性展开到另一个对象中：
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 }; // obj2 现在是 { a: 1, b: 2, c: 3 }
JavaScript
3. 在函数参数中展开
可以在函数调用时展开数组或者在函数定义时接收多个参数：
const numbers = [1, 2, 3];
const sum = (a, b, c) => a + b + c;
console.log(sum(...numbers)); // 输出 6
JavaScript
4. 在 Vuex 中的使用
在您提供的 Vuex 示例中，...mapState 使用了展开运算符，将 mapState 返回的对象展开加入到组件的计算属性中。这是为了将从 Vuex store 中获取的状态直接添加到计算属性中，使得组件可以更方便地访问它们。
例如，...mapState("visit", { visitTaskInfo: "OutgoingCallsData" }) 会将 mapState 函数返回的对象（比如 { visitTaskInfo: /* some value */ }）的属性直接展开放到计算属性对象中。
总结
展开运算符 ... 是一种非常灵活和方便的语法，使得对数组和对象的操作变得更加简单和易读。
标签： 来源：
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。