在 JavaScript 中创建函数是前端开发中的常见任务。然而，编写健壮的函数并不总是容易的。特别是当函数的参数数量增加时，代码变得更加复杂，难以维护。幸运的是，在 ES9 中，我们可以使用默认值来创建更健壮的函数。
默认值的概念
在 ES6 中，我们可以使用默认值来为函数参数提供默认值。例如：
function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(); // 输出 "Hello, World!" greet('Alice'); // 输出 "Hello, Alice!"
在上面的例子中，如果 name 参数没有被传递，它将默认为字符串 'World'。这使得函数更加健壮，因为即使参数没有被传递，函数也不会崩溃。
在 ES9 中，我们可以使用默认值来为任何类型的变量提供默认值，而不仅仅是函数参数。这使得我们可以创建更加健壮的函数。
在函数中使用默认值
在函数中使用默认值非常容易。我们只需要在函数定义中为变量提供默认值即可。例如：
function add(a = 0, b = 0) { return a + b; } console.log(add()); // 输出 0 console.log(add(1)); // 输出 1 console.log(add(1, 2)); // 输出 3
在上面的例子中，如果 a 或 b 参数没有被传递，它们将默认为数字 0。这使得函数更加健壮，因为即使参数没有被传递，函数也不会崩溃。
在对象中使用默认值
在对象中使用默认值也非常容易。我们只需要在对象定义中为属性提供默认值即可。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- --------- -- -------- ------------- - ----- - ---- - -------- --- - -- ------ - --------- - - ------- ------------------- -------- --- --- ------ ----- --- --- ------------- - -------------- -- -- ------- ------ --- --- -- ----- --- --- -------- ------- ----- ----- --- -- -- ------- ---- --- --- - ----- --- --- ---------展开代码
在上面的例子中，如果 person 对象没有某个属性，它将默认为指定的值。这使得函数更加健壮，因为即使对象没有某个属性，函数也不会崩溃。
在数组中使用默认值
在数组中使用默认值也非常容易。我们只需要在数组定义中为元素提供默认值即可。例如：
function sum(numbers = []) { return numbers.reduce((acc, cur) => acc + cur, 0); } console.log(sum()); // 输出 0 console.log(sum([1])); // 输出 1 console.log(sum([1, 2, 3])); // 输出 6
在上面的例子中，如果 numbers 数组为空，它将默认为空数组 []。这使得函数更加健壮，因为即使数组为空，函数也不会崩溃。
结论
在 ES9 中，我们可以使用默认值来创建更加健壮的函数。无论是在函数、对象、还是数组中，使用默认值都能使代码更加简洁、易于维护，并且能够避免许多常见的错误。使用默认值是一种良好的编程习惯，值得我们在日常开发中采用。
示例代码
-- -------------------- ---- ------- -------- ---------- - -------- - ------------------- ----------- - -------- ----- - -- - - -- - ------ - - -- - ----- ------ - - ----- -------- ---- --- ------- --------- -- -------- ------------- - ----- - ---- - -------- --- - -- ------ - --------- - - ------- ------------------- -------- --- --- ------ ----- --- --- ------------- - -------- ----------- - --- - ------ -------------------- ---- -- --- - ---- --- - -------- --------------- ------------------- -------------------- ------------------ ---- -------------- ------- ----- ----- --- ------------------- ---------------------- ------------------- -- -----展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676b6fdc78388e33bb22a33a
