解构赋值是 ECMAScript 2015（ES6）中引入的一种语法，它可以方便地把数组、对象等数据类型中的数据解构出来并赋值给变量。在 ECMAScript 2016（ES7）中，解构赋值得到了更多的扩展和深化，有助于开发者更快速地编写出简洁高效的代码。
基础语法
解构赋值的基本语法如下：
// 对象解构
let { prop1, prop2 } = obj;
// 数组解构
let [elem1, elem2] = arr;其中，对象解构可以根据属性名来解构，数组解构可以根据下标来解构。接下来我们将对解构赋值的更加深入的应用进行介绍。
字符串解构
在 ECMAScript 2016 中，字符串也可以被解构并赋值给变量。例如：
let [a, b, c] = 'abc'; console.log(a); // "a" console.log(b); // "b" console.log(c); // "c"
这样使用字符串解构是一种很方便的方式，它可以处理一些文本和字符串数据的映射关系。
嵌套解构
当需要解构多层的对象或数组时，可以使用嵌套的方式来实现解构。例如：
-- -------------------- ---- -------
----- --- - -
------ -
--------- ---------
--------- --------
--
------ --------
--
----- - ------ - -------- -- ----- - - ----
---------------------- -- --------
------------------- -- --------这样的语法使得对多层嵌套数据结构的处理变得简单。
参数解构
在函数的参数列表中使用解构赋值，可以方便地从传入的参数中解构出需要的值。例如：
function foo({ a, b, c }) {
console.log(a, b, c);
}
foo({ a: 1, b: 2, c: 3 }); // 1 2 3这样的使用方式可以简化函数的传参和参数解析过程。
解构赋值的默认值
当解构的值为 undefined 时，可以指定一个默认值来代替解构的值。例如：
const [a, b = 2] = [1]; console.log(a, b); // 1 2
这样做可以避免因为解构结果导致的错误，确保代码的健壮性。
解构赋值的剩余值
当解构赋值的左侧变量个数小于右侧的可迭代对象中元素的个数时，可以使用剩余值 ... 语法来解决这个问题。例如：
const [a, b, ...rest] = [1, 2, 3, 4, 5]; console.log(a, b, rest); // 1 2 [3, 4, 5]
这样的语法使用起来非常灵活。
总结
通过本文的介绍，我们了解了 ECMAScript 2016（ES7）中解构赋值的一些高级用法。在编写代码时，我们可以考虑使用解构赋值来简化我们的代码，并使其变得更加清晰易读。在实际的开发过程中，我们可以根据项目实际需求选择适合的解构赋值方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a925da48841e989456f36e