JavaScript function默认参数赋值前后顺序差异

**JavaScript 函数默认参数赋值前后顺序差异**

在 JavaScript 中，函数的默认参数是通过使用 `function` 关键字定义的。然而，在实际开发中，我们经常会遇到一个问题：函数的默认参数赋值顺序与我们预期的不一致。这篇文章将探讨这个问题，并提供一些示例代码和注释。

**函数定义**

首先，让我们看一下一个简单的函数定义：

javascriptfunction add(a, b) {
 return a + b;
}

在这个例子中，我们定义了一个 `add` 函数，它接受两个参数 `a` 和 `b`，并返回它们的和。

**默认参数**

现在，让我们添加一些默认参数到函数中：

javascriptfunction add(a, b =0) {
 return a + b;
}

在这个例子中，我们将 `b` 的值设为0，这意味着如果用户没有传递第二个参数，函数会使用0 作为默认值。

**问题出现**

现在，让我们尝试调用这个函数：

javascriptconsole.log(add(5)); // 输出：5

看起来没什么问题。但是，如果我们将 `b` 的值设为一个非零值，如下所示：

javascriptfunction add(a, b =10) {
 return a + b;
}

然后，我们再次尝试调用这个函数：

javascriptconsole.log(add(5)); // 输出：15

问题出现了！我们期望输出是5，因为 `b` 的值应该是0，而不是10。

**原因**

这是因为 JavaScript 在函数定义中，会先解析函数体，然后再解析参数列表。在我们的例子中，JavaScript 首先解析函数体，然后才解析参数列表。因此，当我们将 `b` 的值设为10 时，它覆盖了之前的默认值0。

**解决方案**

为了避免这个问题，我们可以使用一个技巧：在函数定义中，将所有参数都列出来，包括默认参数：

javascriptfunction add(a =0, b =0) {
 return a + b;
}

这样一来，当我们调用这个函数时，它会正确地使用默认值。

**总结**

JavaScript 函数的默认参数赋值顺序与我们预期的不一致，这可能导致一些问题。通过将所有参数都列出来，包括默认参数，我们可以避免这些问题并确保函数的行为如预期。

**示例代码**

以下是几个示例代码：

javascript// 示例1：正常函数定义function add(a, b) {
 return a + b;
}

console.log(add(5)); // 输出：5// 示例2：添加默认参数function add(a, b =0) {
 return a + b;
}

console.log(add(5)); // 输出：5// 示例3：将 `b` 的值设为非零值function add(a, b =10) {
 return a + b;
}

console.log(add(5)); // 输出：15// 示例4：使用技巧避免问题function add(a =0, b =0) {
 return a + b;
}

console.log(add(5)); // 输出：5

这些示例代码展示了函数定义的不同方式，以及它们对输出的影响。