let {} =是什么意思？

Question

这两行代码之间有什么区别？

let { fadeAnim } = this.state;

VS

let fadeAnim = this.state;?

Answer 1

如果this.state是对象的引用，那么

let { fadeAnim } = this.state;

就像

let fadeAnim = this.state.fadeAnim;

这是一个解构赋值，它隐式地从一个对象中提取一个或多个属性（在这种情况下只有一个）。

Answer 2

let { fadeAnim } = this.state;

等于

let fadeAnim = this.state.fadeAnim;

它被称为解构赋值：https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Operatoren/Destructuring_assignment