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

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

const { target } = event;

在這里，我們使用{}和=命名與屬性名稱相同的變量（您也可以在解構(gòu)時(shí)使用別名?。?。但是，獲取嵌套對(duì)象的值要復(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

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

例如，要同時(shí)引用b和y，可以使用逗號(hào)：

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

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