前言
ECMAScript 2016，也被称为 ES7，是 JavaScript 的第七个版本。它于 2016 年 6 月正式发布，包含了一些新特性和语法改进。其中一个最实用的新特性是函数默认参数。在本文中，我们将介绍这个新特性，并提供一些实用的技巧，帮助您在编写 JavaScript 代码时避免一些常见的错误。
函数默认参数的概述
在 JavaScript 中，我们经常需要编写函数，并传递一些参数。有时，这些参数可能是可选的，而有时，我们可能需要为它们指定默认值。在 ES6 之前，我们通常会使用类似以下的代码来实现这个目的：
function foo(x, y) {
x = x || 0;
y = y || 0;
// ...
}上面的代码中，如果我们没有传递 x 或 y 参数，它们将被设置为 0。这种方法的问题在于，如果我们传递了一个 falsy 值（例如 false、0 或 ""），它们也会被视为未定义。因此，我们需要使用更复杂的代码来处理这些情况。
在 ES6 中，我们可以使用默认参数来解决这个问题。例如，我们可以使用以下代码来实现相同的功能：
function foo(x = 0, y = 0) {
// ...
}如果我们没有传递 x 或 y 参数，它们将被设置为 0。这种方法更简单、更直观，并且避免了一些常见的错误。
函数默认参数的实际应用
函数默认参数有很多实际应用。在本节中，我们将介绍一些常见的用例，并提供一些实用的技巧。
1. 避免 undefined
函数默认参数可以帮助我们避免使用 undefined。例如，假设我们有一个函数，它接受一个对象作为参数，并返回对象的一个属性。如果该属性不存在，则返回 undefined。
function getProperty(obj, prop) {
return obj[prop];
}我们可以使用以下代码来调用该函数：
const obj = { foo: "bar" };
const prop = "foo";
const value = getProperty(obj, prop); // "bar"但是，如果我们传递了一个不存在的属性，例如：
const obj = { foo: "bar" };
const prop = "baz";
const value = getProperty(obj, prop); // undefined在这种情况下，函数将返回 undefined，这可能会导致一些问题。为了避免这种情况，我们可以使用函数默认参数，如下所示：
function getProperty(obj, prop = "") {
return obj[prop];
}现在，如果我们传递了一个不存在的属性，函数将返回一个空字符串，而不是 undefined。
2. 避免 NaN
函数默认参数还可以帮助我们避免 NaN。例如，假设我们有一个函数，它接受两个参数，并返回它们的和。如果我们只传递一个参数，函数将返回 NaN。
function sum(x, y) {
return x + y;
}我们可以使用以下代码来调用该函数：
const x = 1; const y = 2; const result = sum(x, y); // 3
但是，如果我们只传递了一个参数，例如：
const x = 1; const result = sum(x); // NaN
在这种情况下，函数将返回 NaN，这可能会导致一些问题。为了避免这种情况，我们可以使用函数默认参数，如下所示：
function sum(x = 0, y = 0) {
return x + y;
}现在，如果我们只传递了一个参数，函数将返回该参数加 0 的值，而不是 NaN。
3. 简化代码
函数默认参数还可以帮助我们简化代码。例如，假设我们有一个函数，它接受一个对象作为参数，并返回一个新对象，该对象包含与原始对象相同的属性，但某些属性的值已更改。
-- -------------------- ---- -------
-------- ----------------- ------ -
----- ------ - ----------------- -----
--- ------ ---- -- ------ -
-- ---------------------------- -
------------ - ------------
-
-
------ -------
-我们可以使用以下代码来调用该函数：
const obj = { foo: "bar", baz: 42 };
const props = { baz: 0 };
const newObj = updateObject(obj, props); // { foo: "bar", baz: 0 }但是，如果我们没有传递 props 参数，函数将抛出一个错误。为了避免这种情况，我们可以使用函数默认参数，如下所示：
-- -------------------- ---- -------
-------- ----------------- ----- - --- -
----- ------ - ----------------- -----
--- ------ ---- -- ------ -
-- ---------------------------- -
------------ - ------------
-
-
------ -------
-现在，如果我们没有传递 props 参数，函数将使用一个空对象作为默认值。
结论
在本文中，我们介绍了函数默认参数的概念，并提供了一些实用的技巧，帮助您在编写 JavaScript 代码时避免一些常见的错误。函数默认参数的实际应用非常广泛，它们可以帮助我们避免 undefined 和 NaN，简化代码，并提高代码的可读性和可维护性。如果您还没有开始使用函数默认参数，请尝试使用它们，并享受更好的编程体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67650d2076af2b9a20e78dd6