let {} =是什么意思？

Question

这两行代码有什么区别？

let { fadeAnim } = this.state; 

VS

let fadeAnim = this.state;? 

Answer 1

let { fadeAnim } = this.state; 

的Equals

let fadeAnim = this.state.fadeAnim; 

这就是所谓的解构赋值：https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Operatoren/Destructuring_assignment

Answer 2

如果this.state是对一个对象的引用，则

let { fadeAnim } = this.state; 

就像

let fadeAnim = this.state.fadeAnim; 

这是一个解构分配，隐式地从对象中提取一个或多个属性（在本例中仅为一个）。