javascript - 以键作为箭头函数参数的 ES6 对象

Question

这个：

x = ({ title, description }) => { console.log(title, description) }

像这样工作：（至少在访问变量方面）

x = (title, description) => { console.log(title, description) }

这让我很惊讶。首先，第一种方法将传递的参数描述为具有特定键标题和描述的对象，但更令人惊讶的是，然后可以将值作为普通变量访问。

它是一些语法糖吗？规范中在哪里提到？这个新的 JS 相当混乱。

标签： javascriptecmascript-6

Answer 1

那就是 ES6 的Destructuring assignment

解构赋值语法是一种 JavaScript 表达式，它可以将数组中的值或对象中的属性解包到不同的变量中。