在前端开发中，我们常常需要对属性或函数参数进行初始化操作。在 ES6 中，我们可以使用默认值来解决这个问题。本文将深入介绍 ES6 中默认值的使用方法，并提供示例代码。
默认值的基本语法
在 ES6 中，我们可以使用以下语法来为属性或函数参数设置默认值：
-- -------------------- ---- ------- -- ---- - -------- ----- - -- - - -- - ------ - - -- - -- ------- -------- --------------- - --- - -- --- - -- ------- ----- ---- - ------ -------- ------------- - -------- - ------------------- ----------- -
在上述代码中，我们使用 = 号来为属性或参数设置默认值。如果在调用函数时不传入参数，则会使用默认值。
默认值的优先级
在 ES6 中，我们可以通过设置默认值来避免在函数中出现未定义的变量。但是，如果我们在调用函数时传入了一个值，那么这个值将覆盖默认值。
function sayHello(name = 'World') {
console.log(`Hello, ${name}!`);
}
sayHello(); // 输出 "Hello, World!"
sayHello('Tom'); // 输出 "Hello, Tom!"在上述代码中，我们定义了一个名为 sayHello 的函数，并给参数 name 设置了默认值 "World"。当我们调用函数时，如果不传入参数，则会使用默认值；如果传入参数，则会使用传入的值。
默认值的高级用法
在 ES6 中，我们还可以使用函数来设置默认值。这使得我们能够动态地为参数设置默认值。
-- -------------------- ---- ------- -------- ------------ - ------ ------- -------- - -------- ------------- - ------------- - ------------------- ----------- - ----------- -- -- ------- ------ -------- ---------------- -- -- ------- -----
在上述代码中，我们定义了一个名为 getMessage 的函数，它返回字符串 "Hello, World!"。然后，我们定义了一个名为 sayHello 的函数，并给参数 name 设置了默认值为 getMessage()。当我们调用函数时，如果不传入参数，则会使用 getMessage() 的返回值作为默认值。
总结
在本文中，我们介绍了 ES6 中默认值的用法。使用默认值可以避免在函数中出现未定义的变量，并且可以动态地为参数设置默认值。这是一种非常实用的技术，可以提高我们的开发效率。
示例代码：
-- -------------------- ---- ------- -- ---- - -------- ----- - -- - - -- - ------ - - -- - -- ------- -------- --------------- - --- - -- --- - -- ------- ----- ---- - ------ -------- ------------- - -------- - ------------------- ----------- - -- -------- -------- ------------ - ------ ------- -------- - -------- ------------- - ------------- - ------------------- ----------- -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65161f5795b1f8cacde7576a