JavaScript - 对象中扩展运算符的放置/顺序是否重要？

Question

在 JavaScript 中，展开运算符的放置和排序重要吗？

var item = {/* key value pairs here */};
var itemB = {/* key value pairs here */};

例如在下面的代码片段中将 newItem总是有相同的键值对？

var newItem = {
    ...item,
    ...itemB
};

作为

var newItem = {
    ...itemB,
    ...item
};

Answer 1

除了键值对的一般顺序，它对对象的结果并没有真正的重大影响之外，唯一的其他区别是如果 item和 itemB有重复的键。

例如。

var item = {firstName: "Bob"};
var itemB = {lastName: "Smith", firstName: "Tim"};

在这种情况下，以下两项将不相同。

var newItem = {
    ...item,
    ...itemB
};
// {lastName: "Smith", firstName: "Tim"}

-

var newItem = {
    ...itemB,
    ...item
};
// {lastName: "Smith", firstName: "Bob"}

因此，如果有重复的键，则扩展运算符的顺序确实很重要。

如果您希望为对象提供默认键值对，这将特别有用。您可以将默认键值对放在扩展运算符之前，如果它们在扩展运算符中使用的对象中不存在，它将作为新对象的默认值。