在 JavaScript 中，函数可以定义默认参数值，使得在调用函数时，如果没有提供某个参数，则会自动使用默认值。这种特性可以简化代码、减少出错风险，并且有助于提高代码可读性和可维护性。
定义默认参数值
在函数定义时，可以使用赋值运算符 = 来为参数指定默认值。例如：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}在上面的例子中，我们定义了一个名为 greet 的函数，它有一个名为 name 的参数，并为该参数设置了默认值 'World'。因此，当我们调用 greet 函数时，如果不传入参数，则 name 的值将自动为 'World'。
greet(); // 输出：Hello, World!
greet('Alice'); // 输出：Hello, Alice!默认参数值的优先级
如果我们在调用函数时显式地传入了参数，则该参数的值将覆盖默认值。例如：
greet('Bob'); // 输出：Hello, Bob!在上面的例子中，由于我们传入了字符串 'Bob'，因此它将覆盖默认值 'World'，最终输出的结果为 'Hello, Bob!'。
需要注意的是，当默认参数值与传入的参数值冲突时，函数将使用传入的参数值。例如：
greet(undefined); // 输出：Hello, World!
在上面的例子中，我们传入了 undefined，因此函数将使用默认值 'World'。如果我们将该参数显式地赋值为 null，则它将覆盖默认值，输出结果与前面的例子一致。
默认参数值的作用域
当函数定义时，JavaScript 引擎会为每个参数创建一个新的标识符（identifier），并将其添加到函数作用域中。这意味着，参数的默认值只能在函数作用域内引用，并且不能直接访问函数之外的作用域中的变量或常量。例如：
const greeting = 'Hi'; // 定义常量 greeting
function greet(name = greeting) {
console.log(`${greeting}, ${name}!`);
}在上面的例子中，我们尝试将常量 greeting 的值作为默认参数值传递给函数 greet。然而，由于默认参数值的作用域限制在函数内部，因此在函数外部定义的常量 greeting 是不可见的。如果我们调用 greet 函数，则会输出字符串 'Hi, World!'。
实际应用
默认参数值特性在实际开发中非常有用，可以让我们编写更加灵活和易于使用的函数。例如，假设我们需要编写一个函数 fetchData，它从指定的 URL 获取数据，并允许我们传入一些参数以定制请求。我们可以使用默认参数值来简化函数定义，如下所示：
function fetchData(url, options = {}) {
const { method = 'GET', headers = {}, ...rest } = options;
console.log(`Fetching ${url} with method ${method} and headers`, headers);
// ...
}在上面的例子中，我们定义了一个名为 fetchData 的函数，它有两个参数：url 和 options。其中，options 参数是一个对象，并为其设置了默认值 {}。这意味着，如果我们只传入一个 URL 参数，则 options 参数将自动使用默认值 {}。
在函数内部，我们使用解构赋值（destructuring assignment）来提取 options 对象中的属性，并为它们设置默认值。例如，如果 options 对象中没有 method 属性，则该属性将自动
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9001
