理解 ECMAScript 2015（ES6）的默认参数和注意事项

在 ECMAScript 2015（ES6）中，我们可以使用默认参数来声明一个函数的默认值。这个特性可以大大简化我们的代码，让我们更加专注于实现业务逻辑。本文将详细介绍 ES6 中的默认参数，以及需要注意的事项。

默认参数的语法

在 ES6 中，我们可以在函数的参数列表中使用默认参数。默认参数的语法如下：

function functionName(param1=default1, param2=default2) {
  // 函数体
}

其中 param1 和 param2 是函数的参数名，default1 和 default2 是这些参数的默认值。如果调用函数时没有传入对应的参数，那么这些参数将使用默认值。

默认参数的示例

下面是一个使用默认参数的示例：

function greet(name='world') {
  console.log(`Hello, ${name}!`);
}

greet(); // 输出：Hello, world!
greet('Alice'); // 输出：Hello, Alice!

在这个示例中，我们定义了一个 greet 函数，它有一个参数 name，默认值为 'world'。当我们调用 greet 函数时，如果没有传入 name 参数，那么 name 将使用默认值 'world'。

注意事项

在使用默认参数时，需要注意以下几个问题：

默认参数的位置

默认参数必须放在参数列表的末尾。例如，下面这个函数的默认参数是不合法的：

function greet(name='world', message) {
  console.log(`${name}, ${message}!`);
}

默认参数的作用域

默认参数的作用域是函数作用域，而不是块级作用域。因此，在函数内部，我们可以访问到默认参数。例如：

function greet(name='world') {
  if (name === 'world') {
    let message = 'Nice to meet you!';
    console.log(`${name}, ${message}`);
  }
}

greet(); // 输出：world, Nice to meet you!

在这个示例中，我们定义了一个 message 变量，它在 if 语句块中定义。但是，在 console.log 中我们仍然可以访问到 message 变量。这是因为 message 变量的作用域是函数作用域。

默认参数的值

默认参数的值是在函数调用时确定的，而不是在函数定义时确定的。因此，我们可以使用表达式作为默认参数的值。例如：

function add(x, y = x + 1) {
  return x + y;
}

console.log(add(1, 2)); // 输出：3
console.log(add(1)); // 输出：3

在这个示例中，我们定义了一个 add 函数，它有两个参数 x 和 y，其中 y 的默认值为 x + 1。当我们调用 add(1, 2) 时，y 的值为 2，因此函数返回 3。当我们调用 add(1) 时，y 的值为 1 + 1，也就是 2，因此函数同样返回 3。

总结

本文介绍了 ECMAScript 2015（ES6）中的默认参数特性，包括默认参数的语法、示例和需要注意的事项。使用默认参数可以让我们的代码更加简洁明了，但是需要注意默认参数的位置、作用域和值。希望本文对大家有所帮助，也欢迎大家在评论区留言分享自己的经验和问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f981d1d10417a22255b10b