解构 JavaScript 中的解构是指将数组或对象在结构上进行分解,将其拆分成独立的子结构,然后可以访问那些拆分后的子结构。解构提供了一种更加便利的数据访问方式,使用解构语法能够极大地简化代码。 数组解构 数组解构赋值使用了类似于数组字面量的表示方式。赋值运算符右侧为需要解构的数组,赋值运算符左侧是解构赋值的目标,在解构赋值的同时也支持声明新的变量。下例中,将对 point 数组进行解构,然后把数组的第一个元素 0 赋值给变量 x,第二个元素 1 赋值给变量 y: const point = [0, 1]; const [x, y] = point; x; // 0 y; // 1 对象解构 对象解构赋值使用了类似于对象字面量的表示方式。赋值运算符右侧为需要解构的对象,赋值运算符左侧是解构赋值的目标,在解构赋值的同时也支持声明新的变量。下例中,将对 point 对象进行解构,然后把属性 x 和 y 的值赋值给变量 x 和 y: const point = { x: 0, y: 1 }; const { x, y } = point; x; // 0 y; // 1 展开运算符 可选链运算符