当我们编写 JavaScript 代码时，经常会定义函数并需要设置参数。在旧版本的 JavaScript 中，我们需要使用一些特殊的技巧才能设置默认参数，而在 ES6 中，我们可以使用默认参数语法。本文将介绍 ES6 中默认参数的语法及其使用技巧，并提供示例代码。
默认参数的语法
在 ES6 中，我们可以通过在函数定义中给形参设置默认值来使用默认参数。下面是一个示例：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出 "Hello, World!"
greet('Alice'); // 输出 "Hello, Alice!"在这个例子中，我们定义了一个名为 greet 的函数，并指定一个默认参数 name，默认值为字符串 "World"。如果我们调用该函数时没有指定参数，那么 name 参数将被设置为默认值 "World"。
默认参数的使用技巧
设置多个默认参数
我们可以为函数定义多个默认参数。例如：
-- -------------------- ---- -------
-------- ---------------------- - ------- -------- - ------ --- - --- -
------ -
----------
---------
---
--
-
----- ------- - ---------------
----- ------- - --------------------- -------- ----在这个例子中，我们定义了一个名为 createPerson 的函数，它使用三个默认参数分别为 firstName、 lastName 和 age。如果我们调用该函数时没有指定参数，则使用默认值 "John"、 "Doe" 和 25。如果我们指定了参数，如 "Alice"、 "Smith" 和 30，那么函数将返回一个具有这些参数值的新对象。
使用默认参数表达式
默认参数表达式允许我们在默认参数中使用任何 JavaScript 表达式。例如：
-- -------------------- ---- ------- -------- --------------- - -------------- - --------------------- ----------- - -------- ------------- - ------ -------- - -------------------- -- -- --------- ------- ------------- -- -- --------- -------
在这个例子中，我们定义了一个名为 sayGoodbye 的函数，并使用 getUserName() 函数作为默认值。如果我们提供一个参数，例如 "Alice"，那么函数将使用该参数值输出 "Goodbye, Alice!"。如果我们没有提供参数，则函数将调用 getUserName() 函数获取默认值。在此示例中，getUserName() 函数返回字符串 "World"，因此函数将使用该值输出 "Goodbye, World!"。
指定默认参数值为一个对象
有时候我们希望使用对象作为默认参数，可以这样做：
function createUser({ name = 'John Doe', age = 25, email = 'john.doe@example.com' } = {}) {
return { name, age, email };
}
const user1 = createUser({ name: 'Alice', age: 30 });
const user2 = createUser();在这个例子中，我们定义了一个名为 createUser 的函数，它期望一个名为 options 的对象作为参数。如果我们提供了 options 对象并指定了一些属性，例如 name 和 age，那么该函数将返回一个新对象，其 name、age 和 email 属性都将从 options 对象中获取。如果我们没有提供 options 对象，则使用空对象作为默认值。
默认参数与解构的结合使用
当使用默认参数时，通常将默认参数与对象解构结合使用可以让代码更易读。例如：
-- -------------------- ---- ------- -------- ------------- --------- - ------- -------- - ----- - - --- - ------------------ ----- ------------------ ----- -------------- - ----- ------- - - ---------- -------- --------- ------- -- ----- ------- - - ---------- ----- -- ----- ------- - --- --------------------- -- -- ------ ----- ----------- ----- ------ --------------------- -- -- ------ ----- --------- ----- ---- --------------------- -- -- ------ ----- ---------- ----- ---- -------------- -- -- ------ ----- ---------- ----- ----
在这个例子中，我们定义了一个名为 printPerson 的函数，并使用对象解构将默认参数 firstName 和 lastName 分别设置为字符串 "John" 和 "Doe"。如果我们使用 printPerson() 调用该函数，则使用空对象作为默认参数值。
总结
默认参数是 ES6 中的一个重要特性，它使得函数定义更加简单，减少了代码量和出错的可能性。在使用默认参数时，我们可以设置多个默认值、使用默认参数表达式、指定默认参数值为一个对象，并与解构结合使用。深入理解和掌握这些技巧，有助于我们更好地利用 ES6 提供的特性来提高代码的可读性和编写效率。
以上就是 ES6 中的默认参数及其使用技巧的介绍及示例代码。希望本文对你学习 ES6 有所帮助，如果你有任何疑问或建议，请在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6465f67b968c7c53b06a1d22