ES6（ECMAScript 2015）为JavaScript开发人员带来了很多新特性，包括对象解构和默认参数。本文将重点介绍ES6中的对象解构和默认参数，并提供一些示例代码来帮助您理解它们在前端开发中的应用。
对象解构
对象解构是一种从对象中取出值并将其存储到变量中的方法。当你需要访问对象的多个属性时，传统的写法可能会比较冗长：
----- ---- - - ----- ------- ---- --- ------- ------ -- ----- ---- - ---------- ----- --- - --------- ----- ------ - ------------ ----------------- ---- -------- -- ---- -- ----
使用对象解构，可以更简洁地实现相同的操作：
----- ---- - - ----- ------- ---- --- ------- ------ -- ----- - ----- ---- ------ - - ----- ----------------- ---- -------- -- ---- -- ----
在这个示例中，我们使用了花括号{}来指定要从对象中提取的属性名称。这样就可以直接将属性值赋给对应的变量。
对象解构还支持嵌套结构，例如：
----- ---- - -
----- -------
---- ---
-------- -
----- ---- ------
------ ----
-
--
----- - ----- ---- -------- - ----- ----- - - - -----
----------------- ---- ----- ------- -- ---- -- --- ---- --在这个示例中，我们从user对象中解构出了name、age、address.city和address.state属性。请注意，在声明变量时，我们使用了冒号:来指定新变量的名称。
默认参数
默认参数是一种为函数参数指定默认值的方法。如果您没有为函数的某个参数传递值，则该参数将使用预定义的默认值。
让我们看一个简单的示例：
-------- ---------- - -------- - ------------------- ----------- - -------- -- ------ ------ -------------- -- ------ -----
在这个示例中，我们定义了一个名为greet的函数，并将name参数的默认值设置为字符串'World'。当我们调用greet()函数时，name参数将使用默认值；当我们调用greet('John')时，name参数将使用提供的值（即'John'）。
默认参数还支持更复杂的表达式。例如：
-------- --------------------- ------- - ---- ------ - -- - ------ ----- - -- - -------- - ------- - ----- ------ - -------------------- -- --- ----- ------ - ------------------- ----- ---- -- ---
在这个示例中，我们定义了一个名为calculateTotal的函数，并将taxRate和coupon参数的默认值设置为0.1和0。当我们调用calculateTotal(100)函数时，price参数将使用提供的值（即100），而taxRate和coupon参数将使用默认值0.1和0；当我们调用calculateTotal(100, 0.05, 10)时，所有三个参数都将使用提供的值。
结论
对象解构和默认参数是ES6中非常有用的特性，可以帮助您更轻松地管理JavaScript代码。无论您是初学者还是有经验的开发人员，学习这些特性都将让您成为更出色的前端开发人员。
示例代码：
-- -------- ----- ---- - - ----- ------- ---- --- - ----------------------------------------------------------- -------- ---------------------------------------------------------------------------------------