在前端开发中，我们经常需要在函数中设置默认参数。在 ES6 中，我们可以使用默认参数来避免代码冗余，并提高代码的可读性和可维护性。本文将详细介绍 ES6 中的默认参数，并提供示例代码和指导意义。
什么是默认参数？
默认参数是指在函数定义时，为参数设置一个默认值。当函数被调用时，如果没有传递该参数，那么就会使用默认值。默认参数可以是任何类型的值，包括字符串、数字、布尔值、对象和函数等。
如何定义默认参数？
在 ES6 中，我们可以使用等号（=）来定义默认参数。下面是一个示例：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：'Hello, World!'
greet('Alice'); // 输出：'Hello, Alice!'在上面的示例中，我们定义了一个名为 greet 的函数，它接受一个名为 name 的参数。我们使用等号来设置 name 的默认值为 'World'。当调用 greet 函数时，如果没有传递 name 参数，那么就会使用默认值 'World'。
避免代码冗余
默认参数可以帮助我们避免代码冗余。在以前的版本中，我们通常需要使用条件语句来检查参数是否存在并设置默认值。例如：
-- -------------------- ---- -------
-------- ----------- -
-- ----- --- ---------- -
---- - --------
-
------------------- -----------
-
-------- -- ---------- -------
--------------- -- ---------- -------在上面的示例中，我们需要使用 if 语句来检查 name 参数是否为 undefined，如果是，则设置默认值为 'World'。这种方式会导致代码变得冗余并且难以阅读。
使用默认参数，我们可以避免这种冗余。例如：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：'Hello, World!'
greet('Alice'); // 输出：'Hello, Alice!'在上面的示例中，我们使用默认参数来设置 name 的默认值为 'World'，这样就不需要使用条件语句来检查参数是否存在。
指导意义
使用默认参数可以提高代码的可读性和可维护性。它可以使代码更简洁、更易于理解，并且可以避免代码冗余。在实际开发中，我们应该尽可能地使用默认参数来提高代码质量。
需要注意的是，默认参数只适用于未定义的参数。如果传递了 null 或 undefined，则默认参数不会生效。例如：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(null); // 输出：'Hello, null!'
greet(undefined); // 输出：'Hello, World!'在上面的示例中，当传递 null 参数时，name 的值将被设置为 null，而不是默认值 'World'。
结论
本文介绍了 ES6 中的默认参数，它可以帮助我们避免代码冗余，提高代码的可读性和可维护性。我们可以使用等号来定义默认参数，并在调用函数时省略参数。在实际开发中，我们应该尽可能地使用默认参数来提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6745664dc1a23897ea9424d5