javascript - 在 ReactJS/Javascript Es6 中使用哈希声明变量

Question

我想知道以下之间的区别:

const data = this.props.content;

还有

const {data} = this.props.content;

我之前见过它，但同时声明了 3 或 4 个变量。然而我从来没有见过只有 1 个变量的情况。

有什么区别？

Answer 1

为变量使用相同的名称是一个语法优势。它利用了 ES6 解构的优势。我相信您列出的示例应该稍作修改，以说明并希望回答您的问题。

const data = this.props.content; // is exactly the same as
const {content} = this.props;

可以在这里找到关于解构的精彩文章:Some ES6+ features used in React development