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

簡單的解構(gòu)如下所示：

const { target } = event;

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

// 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屬性設(shè)置var。注意，只有最后一個嵌套屬性作為變量給出；我們沿途推薦的父母沒有。

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

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

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