在 ES6 中，引入了一个新的语法：对象解构赋值。通过对象解构赋值，我们可以快速地从一个对象中取出需要的属性值并赋值给变量，这极大地方便了我们的编码。本文将会详细介绍 ES6 中的对象解构赋值相关内容。
基本语法
在 ES6 中，对象解构赋值的基本语法如下：
--- ----------- ---------- - -------
在这个语法中，左侧的花括号表示解构的目标，其中的 property1 和 property2 分别表示需要从 object 中取出的属性名。右侧的 object 则表示要被解构的对象。
解构数组
除了解构对象，我们还可以对数组进行解构赋值。数组解构赋值的基本语法如下：
--- ------- ------ -------- - ------
在这个语法中，左侧的方括号表示解构的目标，其中的 item1 和 item2 分别表示需要从 array 中取出的元素值。通过 ...rest 语法可以取出数组中剩余的元素并以数组形式保存。右侧的 array 则表示要被解构的数组。
嵌套解构
我们还可以使用嵌套解构进行更复杂的操作。例如：
--- ----------- ------------------ - -------
在这个语法中，我们先从 object 中取出 property1 属性值，然后再从中取出 nestedProperty1 的值。这种嵌套解构可以应用于对象、数组等多种数据类型中。
默认值
在解构赋值中，我们可以使用默认值来避免值为 undefined 的情况。例如：
--- ---------- - --------------- - -------
在这个语法中，如果 object 中没有 property1 属性，则 property1 的值将被赋为 'defaultValue'。
参数传递
对象解构赋值在函数参数传递中也非常常见。例如：
-------- --------------- ----------- - -- --- - ------------
在这个例子中，我们定义了一个函数 foo，它接收一个对象参数，然后从中取出 property1 和 property2 的值进行处理。通过传递 object 对象参数，我们可以快速地传递需要的属性值给函数。
总结
本文介绍了 ES6 中的对象解构赋值相关语法和应用场景，通过学习我们可以更加高效地编写代码。在实际开发中，我们可以结合对象解构赋值和其他 ES6 特性进行更加高效的编码。
示例代码
以下是一些对象解构赋值的示例代码：
-- ---- --- --- - ------ -------- ---- ---- --- ------ ---- - ---- ------------------ -- ------- ----------------- -- -- -- ---- --- --- - --------- --------- ---------- --- ------- ------- ------ - ---- ------------------- -- ------- ------------------- -- -------- -- ---- --- --------- - ----------- ----------------- ---------- --- ----------- ------------------ - ---------- ----------------------------- -- ------- -- --- --- ---------- - ----------- ----------- --- ---------- - --------------- - ----------- ----------------------- -- -------------- -- ---- -------- ---------------------- ----- - --------------------- --------- - --- ---- - ------ -------- ---- ---- ---------------------- -- ------- ---
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652279b395b1f8cacd9f6047