ES7，在 JavaScript 世界中，是一个重要的版本。它带来了许多新特性，其中函数的默认参数值和rest参数的引入，是我们将要了解的两个新功能。本文将会介绍这两个功能的定义、应用场景以及使用技巧，并附上相应的代码示例。
默认参数值
首先，让我们来了解函数的默认参数值。这个新特性，可以让我们设置函数参数的默认值。在 ES6 之前，我们需要手动判断每一个参数的值是否为 undefined，然后手动给其一个默认值。但是，这个过程非常繁琐，且容易出错，而且还会增加代码量。
在 ES6 的时候，我们可以通过使用 || 运算符，给函数设置默认参数值。例如：
-- -------------------- ---- ------- -- --- -------- ----------- ---- - --- ---- - ---- -- ---------- --- --- - --- -- --- ------------------- -------- --- --- ------ ----- ------- - -- --- -------- ---------- - ---------- --- - --- - ------------------- -------- --- --- ------ ----- ------- -
从上面的代码可以看到，在 ES6 中，我们可以直接在函数声明中设置参数默认值，非常方便。如果函数调用的时候没有传入相应的参数值，那么这些参数值就会默认设置为我们在声明函数时设置的默认值。
需要注意的是，当传入的参数值是 undefined 时，仍然会触发默认参数值的设置，也就是说：
greet(undefined, 20);
这行代码会打印出：
Hello, Unknown! You are 20 years old.
因此，在设置默认参数值的时候，需要注意传入的参数值是否为 undefined。
Rest 参数
接下来，让我们来了解 rest 参数。rest 参数允许我们在函数声明时，将一个不确定数量的参数表示为一个数组。在 ES6 之前，我们需要使用 arguments 对象来获取函数调用时传入的所有参数。使用 arguments 时，需要手动地处理参数的数量，也需要使用索引来访问参数。这个过程相对繁琐。
ES6 引入了 rest 参数，它可以将多个不确定的参数收集到一个数组中，从而更方便地进行操作。例如：
-- -------------------- ---- -------
-- ---
-------- ----- -
--- --- - --
--- ---- - - -- - - ----------------- ---- -
--- -- -------------
-
------ ----
-
-- ---
-------- ------------ -
------ ----------------- ---- -- --- - ---- ---
-从上面的代码可以看到，在 ES6 中，我们可以使用 ... 符号来表示 rest 参数。 ...nums 会将函数调用时传入的所有参数作为一个数组的元素，存储到 nums 中。nums 数组可以像普通数组一样进行操作。使用 reduce 方法，可以方便地将数组中的所有元素相加。因此：
add(1, 2, 3);
这行代码会返回 6。
需要注意的是，rest 参数必须是函数声明中的最后一个参数，因此，在声明函数时需要注意参数的顺序。
总结
在本文中，我们简单介绍了 ES7 中的函数默认参数值和 rest 参数。函数的默认参数值可以让我们设置函数参数的默认值，从而减少代码量并增加可读性。而 rest 参数则可以将多个不确定的参数表示为一个数组，从而方便地进行操作。
在实际开发中，我们可以根据具体的场景，灵活地应用这些新特性。同时，我们也需要注意默认参数值的触发条件和 rest 参数的位置限制，以确保代码的正确性和可靠性。
希望本文对大家了解 ES7 中的新特性有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649b892848841e989484d267