Vuejs returning with { ...}

Question

我目前正在处理一个项目，其中项目几乎部分完成。所以我只是看到了一些奇怪的代码，我以前没有见过，并试图通过谷歌找到它，找不到任何东西。

代码

methods:  {
getMap() {
let A = this.$store.getters['MAP']
let B = this.$store.getters['MAP2']
return { ...A, ...B}
}
}

我真正想知道的是

return{…A, B…}

是什么意思?请提供任何参考或澄清。

Answer 1

这是javascript的传播语法。它所做的是按键合并两个对象，类似于Object.assign。例如，在下面的示例中，来自A和B的键被合并到最终对象中，而来自后一个对象的值优先。

const A = { a: 3, b: 4 }
const B = { c: 5, d: 7, a: 4 }
console.log({ ...A, ...B })

在您的示例中，getMap返回一个合并了Map和Map2的键值对的组合对象。