深入JS函数中默认参数的使用详解

在Javascript中，函数的参数是非常灵活的，可以在调用函数时传递参数，也可以在函数定义时设置默认参数。默认参数是指在没有手动指定参数值的情况下，函数使用的默认值。

在ES6之前，我们可以通过以下方式定义默认参数：

function myFunction(x, y) {
  y = y || 0;
  return x + y;
}

在这个例子中，我们可以看到如果没有给函数传递y参数值，y默认为0。这种方式的问题在于，如果y的值为false（例如false、null、空字符串等），那么y的默认值会被覆盖。

ES6引入了更好的方法来定义默认参数：

function myFunction(x, y=0) {
  return x + y;
}

这种方式会在调用函数时检查每个参数的值，如果参数没有被传递或者传递的值为undefind，则使用指定的默认值。这种方式避免了由于传递false值而覆盖默认值的问题。在使用这种方式时，如果我们想要在实际调用时，将第二个参数的默认值忽略，我们可以使用undefind来让defaultValue生效。

function myFunction(x, y=0) {
  return x + y;
}

// 默认情况
myFunction(5) // 5

// 取消默认值
myFunction(5, undefined) // 5

当使用默认参数时，我们还可以使用函数表达式来指定默认参数值。例如：

const myFunction = (x, y = () => {}) => x + y();

上面的例子中，我们使用了箭头函数来定义带有默认参数的函数。参数y的默认值是一个空函数，用于被调用时执行一些操作。

我们还可以在函数定义中使用默认参数的同时，使用剩余参数语法（rest parameters syntax）来处理传递过来的额外参数。例如：

function myFunction(x, y = 0, ...rest) {
  return x + y + rest.reduce((a, b) => a + b, 0);
}

在这个例子中，我们使用...rest来捕获所有除x、y之外的其他参数，然后将它们相加。这种方式非常方便，在处理多个参数时非常有用。

总的来说，在Javascript中，使用默认参数可以使代码更加简洁和可读。它们可以使代码更加健壮，在处理未定义的参数时也非常方便。对于那些需要使用许多默认参数的函数，或者需要支持许多不同参数的函数，使用默认参数和剩余参数是非常有用的。