关于对象上ES6 spread运算符的快速问题

Question

我有一个关于在对象上使用扩展运算符的简短问题，当我们试图返回一个字段已更改的对象副本时。我一直在学习与React和Redux有关的PluralSight教程，我遇到了spread操作符的这种用法：

let original = {name: 'Joel', favoriteFood: 'oranges', age: 26};
let happyBirthday = {...original, age: 27};

显然，这不是示例中的确切代码，但这是我有点困惑的用法。我最初的理解是，这将导致一个具有两个age键的对象，这显然不起作用。这是否通过覆盖重复的键的值来工作？我可以说：

let obj = {a: 2, a: 'no actually 3', a: 'nevermind...', a: 2};

然后有obo. a是2？这是我正在寻找的一个非常小的澄清，但是当我看到这个时，出于某种原因，我被甩了出去！谢谢！

Answer 1

let original = {name: 'Joel', favoriteFood: 'oranges', age: 26};
let happyBirthday = {...original, age: 27};

Happy Birthday将是一个与原始相同但覆盖了age的对象。

这样就会产生这样一个物体：

{name: 'Joel', favoriteFood: 'oranges', age: 27} // Notice the age

Answer 2

对象不能有重复的键。如果在对象已具有所述密钥时为该对象指定密钥，或使用重复密钥编写对象初始值设定项，则该密钥处的先前值将被覆盖：

const obj = {
  foo: 'foo',
  bar: 'bar',
};

obj.foo = 'new';
console.log(obj);