不止function，ES6新特性中，你不能不了解的默认参数

JavaScript进阶系列之function篇

大家好，我是[你的名字]，欢迎来到JavaScript进阶系列之function篇。在这一篇中，我们将讨论ES6中新增的默认参数特性。

默认参数是什么？

默认参数允许您在函数参数列表中指定默认值。这意味着如果调用函数时没有为某个参数传递值，那么该参数将使用默认值。

例如，以下函数具有两个参数：name和age。如果调用该函数时没有为age参数传递值，那么age参数将使用默认值18。

function greet(name, age = 18) {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}

您可以使用以下方式之一调用该函数：

greet('John'); // 输出: Hello, John! You are 18 years old.
greet('Mary', 25); // 输出: Hello, Mary! You are 25 years old.

默认参数的优点

默认参数有许多优点，包括：

• 使函数更加灵活和易于使用。 默认参数允许您在不修改函数本身的情况下，为函数提供不同的行为。这使得函数可以更加灵活和易于使用。
• 减少代码中的重复。 默认参数可以减少代码中的重复。如果您需要在多个函数中使用相同的值，您可以使用默认参数来避免重复输入该值。
• 提高代码的可读性。 默认参数可以提高代码的可读性。通过使用默认参数，您可以更清楚地看到函数的行为，而无需猜测函数将如何处理缺失的参数。

默认参数的局限性

默认参数也有一些局限性，包括：

• 默认参数只能用于函数参数列表中的变量。 您不能使用默认参数来初始化函数体内的变量。
• 默认参数只能在函数声明和函数表达式中使用。 您不能在箭头函数中使用默认参数。

默认参数在函数重载中的应用

默认参数可以在函数重载中使用。函数重载允许您创建具有相同名称但具有不同参数列表的多个函数。这允许您编写更加灵活和可重用的代码。

例如，以下代码展示了如何使用默认参数来实现函数重载：

function sum(a, b = 0, c = 0) {
  return a + b + c;
}

console.log(sum(1, 2, 3)); // 输出: 6
console.log(sum(1, 2)); // 输出: 3
console.log(sum(1)); // 输出: 1

在上面的示例中，sum()函数具有三个参数：a、b和c。如果调用该函数时没有为b和c参数传递值，那么b和c参数将使用默认值0。这允许我们使用相同的函数名称来执行不同的操作。

总结

默认参数是ES6中新增的一项特性，允许您在函数参数列表中指定默认值。这使得函数更加灵活和易于使用，并且可以减少代码中的重复。默认参数只能用于函数参数列表中的变量，只能在函数声明和函数表达式中使用，不能在箭头函数中使用。默认参数可以在函数重载中使用，允许您编写更加灵活和可重用的代码。