函数默认参数是 ECMAScript 6 (ES6) 引入的一个新特性，它允许在函数定义时给参数设置默认值。在 ES9 中，函数默认参数得到了进一步的完善，本文将深入探讨函数默认参数在 ES9 中的作用，以及如何使用它们编写更加高效和可读性强的代码。
函数默认参数的作用
在 ES9 中，函数默认参数的作用与 ES6 时一样，主要有以下两个方面：
1. 简化函数调用
使用函数默认参数可以避免在调用函数时传递 undefined 或 null 等特殊值，从而使代码更加简洁和易懂。
举个例子，假设我们有一个函数，用于将一个数字乘上指定倍数：
function multiply(num, times = 2) {
return num * times;
}这里我们使用了默认参数 times = 2，表示如果函数调用时没有传递 times 参数，则默认为 2。现在我们可以直接调用这个函数：
console.log(multiply(5)); // output: 10 console.log(multiply(5, 3)); // output: 15
可以看到，在第一个例子中我们没有传递 times 参数，但是函数仍然正确地返回了预期的结果。
2. 提高函数可读性
默认参数也能够使函数的代码更加易读，可以避免传递 undefined 或 null 等特殊值所带来的歧义。
例如，在 Node.js 开发中，我们经常会使用回调函数来处理异步请求。如果某个回调函数没有传递第二个参数 error，则它的值将为 undefined。在代码中，我们往往需要对这种情况进行判断：
function handleResponse(error, data) {
if (error) {
console.error(error);
} else {
console.log(data);
}
}如果使用默认参数，我们可以让代码更加简洁：
function handleResponse(error, data = 'No data available') {
if (error) {
console.error(error);
} else {
console.log(data);
}
}现在，如果回调函数没有传递第二个参数，data 的值将为字符串'No data available'，而不是 undefined。这使得我们能够更加清晰地表达代码的意图，同时也避免了一些不必要的 if 判断。
如何使用函数默认参数
在 ES9 中，函数默认参数的使用方式和 ES6 时一样，都是在函数定义时使用赋值运算符 = 来设置默认值。需要注意的是，函数默认参数只能在函数的参数列表尾部出现，也就是说不能前置。
以下是一些函数默认参数的例子：
-- -------------------- ---- ------- -- -------- -------- -------------- ---- - -- - ------ --- - ----- - -- --------- -------- ------------- - -------- - ------------------- ----------- - -- -------- -------- ------------ ----- --- - --- ----- -- - -- --- - ------------ ----- -------- ------ ------------------- --- -- --- - -- ------------ ----- ------ ---- --- ------ ----------------- --- -- --- - --
需要注意的是，使用默认参数时，可以使用其他参数的值作为默认值。例如：
function increment(num = 0, step = num) {
return num + step;
}
console.log(increment()); // output: 0
console.log(increment(5)); // output: 10
console.log(increment(5, 3)); // output: 8这里的默认值 step = num 即使用第一个参数 num 的值作为 step 的默认值。如果在函数调用时不传递第二个参数，step 的值就将变成 5。
结论
函数默认参数是一种用于简化函数调用和提高代码可读性的工具，它的作用在 ES9 中得到了进一步的完善。使用函数默认参数可以让代码更加简洁易懂，在实际开发中也可以大大提高代码的效率和可维护性，值得每个前端开发者掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676d091a82fcee791c634c7c