嵌套解构

使用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: {…}}

解构可能需要一段时间才能习惯，但是，我使用它的次数越多，我就越欣赏我的代码多么简单：没有“点”地狱，总的代码也更少！