Question

我对javascript不太熟悉并且有一个与函数参数周围使用的花括号有关的问题，因为它不是JSON结构。

我正在学习核js，我发现了一些代码作为例子，但我不太了解 - 为什么“产品”是括号？：

addToCart(product) {
    reactor.dispatch(ADD_TO_CART, { product })
}

THX

Answer 1

这是一个用于创建对象的ES2015（也称为ES6）简写。

{ product }相当于{ product: product }。

基本上，您最终会得到一个名为"product"的属性的对象，该属性具有product变量的值。

＆＃13;

const prop = "prop value";
const obj = { prop, anotherProp: "something else" }
console.log("obj: ", obj);

＆＃13;

如果您需要更详细的解释，请查看at the MDN documentation和here。

这是一种相对较新的语法，因此旧的浏览器（例如IE）可能会引发语法错误，但它在现代浏览器中开始得到很好的支持。看看the ES2015 compatibility table。

Answer 2

这是用于定义具有与变量名相同的密钥的对象的ES6简写语法。

{product}与{ product: product }相同。