在 Web 前端开发中，我们经常会遇到函数参数类型错误（Type Error）的问题。而这些问题往往都可以通过应用 ES6 的 default 参数值来避免。本文将介绍 default 参数值的概念、语法和应用方法，并给出详细的示例。
default 参数值的概念
default 是 ES6 中的一个新特性，可以为函数的参数设置默认值。这样，在调用函数时，如果没有给某个参数传值，函数会自动使用默认值进行计算。
default 参数值的好处在于，可以避免因为参数类型错误而导致的程序崩溃。它能够让我们在开发中更容易发现问题，并且可以提高代码的可读性。
default 参数值的语法
为函数的参数设置 default 参数值很简单，只需要在参数和默认值之间使用等号（=）进行赋值即可。例如：
function myFunction(a = 1, b = 2) {
// ...
}上面的代码中，函数 myFunction 接受两个参数 a 和 b，并为它们设置了默认值。如果调用该函数时不传递任何参数，a 和 b 的值将分别是 1 和 2。
需要注意的是，default 参数值只能用在函数的最后一个参数上。也就是说，如果要给函数的第一个参数设置默认值，就需要在调用函数时显式地传递 undefined：
function myFunction(a = 1, b) {
// ...
}
myFunction(undefined, 2);default 参数值的应用
default 参数值可以应用于很多场景，在这里我们介绍其中两个常见的应用场景。
应用场景一：默认值为对象
我们经常需要给函数传递一个对象作为参数，而这个对象可能包含了一些可选参数。在这种情况下，我们可以为那些可选参数设置 default 参数值。
例如，有一个函数接受一个包含键值对的对象作为参数，其中键名为 name 和 age。我们可以为 age 设置一个默认值：
function printInfo({ name, age = 18 }) {
console.log(`${name} is ${age} years old`);
}
printInfo({ name: 'Alice' }); // 输出：Alice is 18 years old上面的代码中，我们通过解构赋值获取了对象中的 name 和 age 两个属性，为 age 设置了默认值 18。如果传递给函数的对象没有 age 属性，函数会使用默认值进行计算。
应用场景二：默认值为函数
在某些情况下，我们需要将函数作为参数传递给另一个函数。在这种情况下，我们可以为函数参数设置默认值，这个默认值是一个函数。
例如，我们有一个函数 log，在调用该函数时，可以传递一个函数作为参数。如果没有传递函数，log 函数会输出一个默认值：
function log(message, callback = () => console.log('Done')) {
console.log(message);
callback();
}
log('Hello, world!'); // 输出：Hello, world! \n Done上面的代码中，我们定义了一个名为 log 的函数，它接受 message 和 callback 两个参数。如果在调用 log 函数时没有传递 callback 参数，函数会自动调用一个默认的箭头函数，来输出 Done。
结论
default 参数值是一个非常有用的新特性，可以有效避免函数参数类型错误带来的问题，同时也能提高代码可读性。在实际的开发中，我们应该注意合理使用 default 参数值，以充分发挥其作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672154252e7021665e071339