ES11 为我们提供了方便快捷的多重赋值语法，使我们能够更快速地对变量进行赋值。然而在多重赋值过程中，有时可能会遇到一些解构问题，本文将介绍如何解决这些问题。
问题描述
假设我们有一个对象 obj，里面有几个属性：
const obj = {
name: 'Tom',
age: 20,
gender: 'male'
}现在我们想把 obj 中的属性 name 和 age 分别赋给两个变量 name 和 age，我们可以使用如下代码：
const { name, age } = obj;多重赋值语法可以更快速地实现该过程：
let name, age;
({ name, age } = obj);然而我们如果想在多重赋值语法中同时获取 age 和 gender 属性，就会出现解构问题：
let name, age, gender;
({ name, age, gender } = obj);代码会报错，提示 gender 没有定义。这是因为在多重赋值语法中，花括号 ({}) 被当做语句块进行处理，而不是对象字面量。因此 gender 并没有被定义。
解决方案
解决这个问题的方法很简单，只需要在花括号前加上小括号即可：
let name, age, gender;
({ name, age, gender } = obj);如此一来，解构就可以出现在圆括号中，而圆括号又被识别为表达式，继而被解析成一个对象字面量。
示例代码
以下代码演示了如何应用多重赋值语法和解决解构问题：
-- -------------------- ---- ------- ----- --- - - ----- ------ ---- --- ------- ------ -- -- -------- --- ----- ---- -- ----- --- - - ----- ----------------- ----- -- --- -- -- ------ --- ------ ----- ------- -- ----- ------ ---- ----- ------ - - ----- ------------------ ----- -------- -- --- -- ----
结论
通过在花括号前加上小括号的方法，我们可以轻松解决多重赋值过程中的解构问题。这种方法不仅适用于对象，也适用于数组。
希望本文能对你在实际开发中遇到的解构问题有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6703be7dd91dce0dc84c78b1