在 JavaScript 开发中，函数是我们最常用的工具之一。而 ES6 的 default 参数让函数编写变得更加简洁和灵活。本文将详细介绍 ES6 中 default 参数的使用方法及其优化函数编写的实践经验和指导意义。
什么是 ES6 的 default 参数？
在 ES6 中，我们可以使用 default 参数来指定函数参数的默认值。当函数被调用时，如果参数未传递，则会使用默认值来代替。具体语法如下：
function myFunction(param1, param2 = defaultValue) {
// 函数体
}其中，param1 是必传参数，而 param2 为可选参数，并且在调用时未传递时使用 defaultValue 作为默认值。
default 参数的优势
使用 default 参数优化函数编写有以下优势：
1. 代码简洁
使用 default 参数可以让函数定义更加简洁，不需要像以前那样手动检查参数是否存在并设置默认值。相反，只需在参数列表中指定默认值即可。
2. 减少代码重复
使用 default 参数可以减少代码重复，避免在函数体内多次检查参数是否存在并设置默认值。
3. 更灵活的参数设置
ES6 的 default 参数也可以与解构赋值和数组扩展一起使用，从而使得函数参数更加灵活。
default 参数的实践经验
在使用 default 参数时，我们可以根据实际需求来选择适合的编写方式，以下是一些实践经验和指导意义：
1. 指定默认值
为必需的参数指定默认值是使用 default 参数最常见的方式。例如：
function myFunction(name, age = 18) {
console.log(`My name is ${name}, and I'm ${age} years old.`);
}
myFunction('Tom'); // 输出：My name is Tom, and I'm 18 years old.
myFunction('Mary', 20); // 输出：My name is Mary, and I'm 20 years old.在上面的代码中，age 参数未传递时会使用默认值 18。
2. 避免 falsy 值
在使用 default 参数时，我们需要注意避免使用 falsy 值作为默认参数。因为在函数被调用时，如果参数未传递，falsy 值会被视为未传递参数。例如：
function myFunction(name, age = '') {
console.log(`My name is ${name}, and I'm ${age} years old.`);
}
myFunction('Tom'); // 输出：My name is Tom, and I'm years old.在上面的代码中，如果 age 参数传递的是 0 或者 null，最终打印的结果将是空字符串。
3. 与解构赋值一起使用
我们可以使用解构赋值来替代参数列表中的参数。例如：
function myFunction({name, age = 18}) {
console.log(`My name is ${name}, and I'm ${age} years old.`);
}
myFunction({name: 'Tom'}); // 输出：My name is Tom, and I'm 18 years old.
myFunction({name: 'Mary', age: 20}); // 输出：My name is Mary, and I'm 20 years old.在上面的代码中，我们使用了对象解构赋值来传递参数，同时为 age 参数指定了默认值。
4. 与数组扩展一起使用
我们也可以使用数组扩展语法传递多个参数，从而更加灵活地使用 default 参数。例如：
function myFunction(name, ...others) {
console.log(`My name is ${name}, and others is ${others}.`);
}
myFunction('Tom'); // 输出：My name is Tom, and others is .
myFunction('Mary', 20, 'China'); // 输出：My name is Mary, and others is 20,China.在上面的代码中，我们使用了数组扩展语法来传递多个参数，其他参数将被放在 others 数组中。
结论
ES6 提供的 default 参数是一种编写更加简洁、灵活和实用的函数的方式。在实践中，我们可以根据不同的需求来灵活使用 default 参数，从而提高代码效率和可维护性。希望本文能为你在函数编写中提供一些借鉴和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67529c5b8bd460d3ad9676f7