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; 

這是一個解構分配，隱式地從對象中提取一個或多個屬性（在本例中僅爲一個）。