在 JavaScript 中，函数是一种十分重要的编程工具。准确来说，函数是一个可以被多次调用的代码块，它可以接收多个参数，并可以返回一个值。
在 ES6 中，函数参数默认值的设置方法得到了新的改进。本文将详细介绍 ES6 中的函数参数默认值的设置方法，并提供相关的实例代码，帮助读者更好地理解它的使用方法和意义。
设置参数默认值的方法
在 ES6 中，我们可以直接在函数声明时设置默认值。当函数被调用时，如果缺少某个参数，就会使用默认值。以下是函数参数默认值的设置方法：
function myFunction(a = 0, b = 1, c = 2) {
// 函数体
}在上面的示例代码中，我们设置了三个参数的默认值。如果调用 myFunction() 函数时，没有传递任何参数，则 a = 0，b = 1，c = 2。如果调用 myFunction(1) 函数时，只传递了一个参数，则 a = 1，b = 1，c = 2。以此类推。
除此之外，我们还可以使用函数传递的参数作为默认值的一部分。以下是一个使用 this 关键字作为默认值的示例代码：
function myFunction(a, b = this) {
// 函数体
}在上面的示例代码中，如果我们调用 myFunction() 时只传递一个参数（即 a），则 b 的默认值为 this。具体来说，如果该函数使用了对象的方法进行调用，那么 this 就会指向该对象。
使用示例
下面是一些使用函数参数默认值的示例。这些示例可以帮助读者更好地理解参数默认值的使用方法和意义。
示例 1
本示例演示了如何使用函数参数默认值来简化代码。它定义了一个函数，该函数接收两个参数，但是第二个参数没有传递时会自动使用默认值。
function add(a, b = 0) {
return a + b;
}
console.log(add(1, 2)); // 输出 3
console.log(add(1)); // 输出 1示例 2
本示例演示了如何使用函数参数默认值来动态设置变量。 它定义了一个函数，该函数接收两个参数，第二个参数默认为空对象，如果第二个参数存在属性，则将其赋值给 result 变量。
// javascriptcn.com 代码示例
function myFunction(a, b = {}) {
let result;
if (b.hasOwnProperty("prop")) {
result = b.prop;
} else {
result = "default value";
}
return result;
}
console.log(myFunction(1, { prop: "hello" })); // 输出 "hello"
console.log(myFunction(1)); // 输出 "default value"示例 3
本示例演示了如何使用函数参数默认值来设置函数的默认行为。它定义了一个函数，该函数接收两个参数，并将它们的总和作为返回值。
function sum(a, b = 1) {
return a + b;
}
console.log(sum(1, 2)); // 输出 3
console.log(sum(1)); // 输出 2 （=1+1）总结
在本文中，我们详细介绍了 ES6 中的函数参数默认值的设置方法，并提供了相关的示例代码。函数参数默认值是 ES6 的一个重要特性，它可以帮助我们更好地编写清晰、优雅的代码，并提高代码的可读性和可维护性。希望读者通过本文的学习和实践，能够更好地掌握函数参数默认值的使用方法和意义，进而在实际开发中更好地运用这一特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652f51917d4982a6eb06ca45