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

Question

这个问题已经有答案了:

Where can I get info on the object parameter syntax for JavaScript functions? (1 个回答)

已关闭 4 年前。

这个:

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

工作原理如下:(至少在访问变量方面)

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

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

这是一些语法糖吗？规范中哪里提到了？这个新的 JS 相当困惑。

Answer 1

那就是ES6的Destructuring assignment

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.