在 ES6 中，我们可以使用 Default Function Parameters 来为函数的参数设置默认值。这个特性可以让我们编写更加简洁、易读的代码，并且可以提高代码的可重用性和可维护性。
什么是 Default Function Parameters？
Default Function Parameters 是 ES6 中的一个新特性，它允许我们在函数定义的时候为参数设置默认值。这样，在调用函数的时候，如果没有传递对应的参数，就会使用默认值。
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, World!
greet('ES6'); // 输出：Hello, ES6!在上面的代码中，我们定义了一个名为 greet 的函数，并为其设置了一个默认参数 name，如果调用函数时没有传递 name 参数，就会使用默认值 'World'。
如何使用 Default Function Parameters？
使用 Default Function Parameters 很简单，只需要在函数定义时为参数设置默认值即可。如果调用函数时没有传递对应的参数，就会使用默认值。
function add(a = 0, b = 0) {
return a + b;
}
console.log(add()); // 输出：0
console.log(add(1)); // 输出：1
console.log(add(1, 2)); // 输出：3在上面的代码中，我们定义了一个名为 add 的函数，并为其设置了两个默认参数 a 和 b，如果调用函数时没有传递对应的参数，就会使用默认值 0。
Default Function Parameters 的注意事项
在使用 Default Function Parameters 时，需要注意以下几点：
- 默认参数只能放在参数列表的末尾，不能放在前面或中间。
- 默认参数的作用域与函数的作用域相同。
- 默认参数的值是惰性求值的，即只有当调用函数时没有传递对应的参数时，才会使用默认值。
// javascriptcn.com 代码示例
let x = 1;
function foo(y = x) {
console.log(y);
}
foo(); // 输出：1
x = 2;
foo(); // 输出：2在上面的代码中，我们定义了一个名为 foo 的函数，并为其设置了一个默认参数 y，默认值为 x。在调用 foo 函数时，如果没有传递 y 参数，就会使用 x 的值作为默认值。在第一次调用 foo 函数时，x 的值为 1，所以输出 1；在第二次调用 foo 函数时，x 的值已经被修改为 2，所以输出 2。
Default Function Parameters 的指导意义
使用 Default Function Parameters 可以让我们编写更加简洁、易读的代码。通过为函数参数设置默认值，我们可以减少代码中的重复和冗余，提高代码的可重用性和可维护性。
function fetch(url, method = 'GET', data = {}) {
// ...
}
fetch('/api/users', 'POST', { name: 'Alice' });
fetch('/api/posts');在上面的代码中，我们定义了一个名为 fetch 的函数，并为其设置了三个默认参数，分别为 url、method 和 data。在调用 fetch 函数时，只需要传递必要的参数即可，如果没有传递对应的参数，就会使用默认值。
总结
Default Function Parameters 是 ES6 中的一个新特性，它可以让我们为函数参数设置默认值。使用 Default Function Parameters 可以让我们编写更加简洁、易读的代码，并且可以提高代码的可重用性和可维护性。在使用 Default Function Parameters 时，需要注意默认参数只能放在参数列表的末尾，默认参数的作用域与函数的作用域相同，以及默认参数的值是惰性求值的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656119a4d2f5e1655db39d28