在 JavaScript 中，有几种方法可以设置函数的默认参数。以下是最常用和推荐的方法：

1. ES6 默认参数 (推荐)

这是最现代、最简洁、也是最推荐的方式。ES6 (ECMAScript 2015) 引入了对默认参数的原生支持。

语法：

在函数参数的声明中，直接为参数赋值，当调用函数时，如果该参数未提供（undefined），则会使用默认值。

javascript
function greet(name = 'Guest', greeting = 'Hello') {
console.log(`${greeting}, ${name}!`);
}

// 使用默认参数
greet(); // 输出: Hello, Guest!
greet('Alice'); // 输出: Hello, Alice!
greet('Bob', 'Hi'); // 输出: Hi, Bob!


解释：

* name = 'Guest'：如果调用 greet 时没有提供 name 参数，name 的值将是 'Guest'。
* greeting = 'Hello'：如果调用 greet 时没有提供 greeting 参数，greeting 的值将是 'Hello'。

重要提示：

* undefined 才会触发默认值： 只有当参数的值是 undefined 时，才会使用默认值。如果显式传递 null、0、''（空字符串）等，它们将被视为有效参数，而不会触发默认值。
javascript
greet(undefined, 'Hi'); // 输出: Hi, Guest! (name 是 undefined，使用默认值 'Guest')
greet(null, 'Hi'); // 输出: Hi, null! (name 是 null，不使用默认值)
greet('', 'Hi'); // 输出: Hi, ! (name 是空字符串，不使用默认值)

* 参数顺序： 默认参数应该放在后面。如果将默认参数放在前面，并且调用时只提供了后面的参数，那么前面的参数会接收到后面的值，而后面的参数会是 undefined，可能导致意外行为。
javascript
// 不推荐的写法
function badExample(greeting = 'Hello', name) {
console.log(`${greeting}, ${name}!`);
}
badExample('Alice'); // 输出: Alice, undefined! (greeting 接收 'Alice', name 是 undefined)

// 推荐的写法
function goodExample(name, greeting = 'Hello') {
console.log(`${greeting}, ${name}!`);
}
goodExample('Alice'); // 输出: Hello, Alice!

* 使用表达式作为默认值： 默认参数也可以是表达式，它们会在函数被调用时求值。
javascript
function logDate(message, timestamp = Date.now()) {
console.log(`${message} at ${new Date(timestamp).toLocaleString()}`);
}
logDate('Operation started'); // 输出: Operation started at [当前时间]


2. 在函数体内部进行检查 (传统方法)

在 ES6 默认参数出现之前，开发者通常会在函数体内部检查参数是否为 undefined，然后手动为其赋值。

语法：

javascript
function greet(name, greeting) {
name = (name === undefined) ? 'Guest' : name;
greeting = (greeting === undefined) ? 'Hello' : greeting;
// 或者使用 || 运算符（有局限性）
// name = name || 'Guest';
// greeting = greeting || 'Hello';

console.log(`${greeting}, ${name}!`);
}

greet(); // 输出: Hello, Guest!
greet('Alice'); // 输出: Hello, Alice!
greet('Bob', 'Hi'); // 输出: Hi, Bob!


解释：

* name = (name === undefined) ? 'Guest' : name;：这是一个三元运算符。如果 name 是 undefined，则将其设置为 'Guest'，否则保持原值。
* 使用 || 运算符（有局限性）： name = name || 'Guest'; 这种写法更简洁，但有一个重要的局限性：它会将任何“假值”（falsy values）替换为默认值。假值包括 0、''（空字符串）、null、undefined、NaN、false。
javascript
function processNumber(num) {
num = num || 10; // 如果 num 是 0，会被替换成 10！
console.log(`Processed number: ${num}`);
}
processNumber(0); // 输出: Processed number: 10 (这是错误的，我们可能希望处理 0)
processNumber(); // 输出: Processed number: 10

因此，在需要处理 0、'' 等值时，使用 name === undefined 的检查更安全。

总结

* ES6 默认参数 是最现代、最简洁、最推荐的方式。它直接在函数签名中定义，代码更易读，并且避免了传统方法中对假值处理的陷阱。
* 在函数体内部检查 是旧的实现方式，在不支持 ES6 的旧环境中仍可能用到。但其语法更冗长，并且使用 || 运算符需要特别注意假值问题。

强烈建议使用 ES6 默认参数。 确保你的开发环境支持 ES6（大多数现代浏览器和 Node.js 版本都支持）。