使用JavaScript進行結構分解最初可能會感到困惑，但事實是，結構分解可以使您的代碼更具邏輯性和直截了當。當您要尋找一個深幾個對象的屬性時，解構的過程看起來會更加復雜，所以讓我們來看看如何做到這一點！

簡單的解構如下所示：

const { target } = event;

在這里，我們使用{}和=命名與屬性名稱相同的變量（您也可以在解構時使用別名?。?。但是，獲取嵌套對象的值要復雜一些：

// Object for testing const x = { y: { z: { a: 1, b: 2} } } // Get "b" const { y: { z: { b } } } = x; console.log(b); // 2 console.log(z); // z is not defined console.log(y); // y is not defined

在這里，我們使用{}和的類似對象的語法，并:基于嵌套的obect屬性設置var。注意，只有最后一個嵌套屬性作為變量給出；我們沿途推薦的父母沒有。

例如，要同時引用b和y，可以使用逗號：

const { y, y: { z: { b } } } = x; console.log(b); // 2 console.log(y); // {z: {…}}

解構可能需要一段時間才能習慣，但是，我使用它的次數(shù)越多，我就越欣賞我的代碼多么簡單：沒有“點”地獄，總的代碼也更少！