在前端编程中，我们经常需要处理传入函数的参数。由于 JavaScript 是一门动态类型语言，函数的调用者可能传入了错误的参数类型，导致代码出现运行时错误。为了解决这个问题，我们经常需要在代码中进行参数类型判断。在 ES6 中，我们可以利用函数默认值的特性，避免这种判断。
为什么需要避免 undefined 判断
在早期的 JavaScript 代码中，函数的调用者经常会忘记传递必须的参数，或者传递参数类型错误，导致程序出错。为了避免这种情况，我们需要在函数内部加入 undefined 判断，如下所示：
-- -------------------- ---- -------
-------- ------ -- -- -
-- -- --- ---------- -
- - --
-
-- -- --- ---------- -
- - --
-
-- -- --- ---------- -
- - --
-
-- ---
-这种写法不仅冗长且不优雅，还容易出错，对代码维护和可读性都造成了不小的影响。
使用函数默认值避免 undefined 判断
在 ES6 中，我们可以利用函数默认值来避免上述的 undefined 判断。函数默认值使我们可以在声明函数的时候指定参数的默认值，如果调用者没有传递参数，或者传递了 undefined，函数就会使用默认值。示例如下：
function foo(a = 0, b = 1, c = 2) {
// ...
}如果调用者没有传递参数，或者传递了 undefined，函数就会使用默认值。我们可以通过如下的方式调用函数：
foo(); // a=0, b=1, c=2 foo(10); // a=10, b=1, c=2 foo(10, 20); // a=10, b=20, c=2 foo(undefined, 20); // a=0, b=20, c=2
可以看到，在第四种调用方式中，我们传入了 undefined，但是仍然得到了正确的默认值。这种写法简洁且安全，能够提高代码的可读性和可维护性。
更加灵活的函数默认值
除了直接指定默认值外，我们还可以使用函数来定义默认值。如果参数的默认值是一个函数，那么每次函数调用时，这个函数都会被调用。示例如下：
function getDefault() {
return new Date().toLocaleDateString();
}
function foo(date = getDefault()) {
console.log(date);
}
foo(); // 输出当前日期在上面的示例中，当调用 foo() 函数时，如果调用者没有传递参数，参数 date 就会使用 getDefault() 函数的返回值作为默认值。每次默认值都会计算一次，可以得到更加灵活的默认值。
总结
本文介绍了在 ES6 中使用函数默认值来避免 undefined 判断的方法。相对于手动判断 undefined，函数默认值的写法更加简洁、安全、健壮，提高了代码的可读性和可维护性。在实际开发中，我们应该尽可能地使用函数默认值，减少冗余代码的出现，提高开发效率。
示例代码
以下为本文中使用的示例代码：
-- -------------------- ---- ------- -------- ----- - -- - - -- - - -- - -------------- -- --- - -------- ------------ - ------ --- ---------------------------- - -------- -------- - ------------- - ------------------ - ------ -------- ------- ---- -------------- ---- ------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2eb01b5eee0b525a48684