JavaScript 扩展运算符。 { ... obj } 和 obj 有什么区别

Question

我正在开发一个react项目，我继承的代码经常引用带有扩展运算符的对象，如下所示:

{ ...obj }

而不仅仅是:

obj

这两种说法有什么实际区别吗？在 react /不同情况下哪种是最佳实践？

Answer 1

大多数情况下它们返回相同的对象。当然，当你这样做时

let obj2 = { ...obj };

您正在创建前一个对象的(浅)副本，因为您枚举了 obj 的属性并将它们添加到新对象 {} 中。

“几乎”是因为展开运算符仅处理可枚举属性。