在JavaScript中，`apply()` 和 `call()` 方法都是用来调用一个函数，同时允许你显式地设置函数体内的 `this` 值，以及作为单独参数传递给函数的数组（对于 `apply()`）或参数序列（对于 `call()`）。
### `apply()` 方法
`apply()` 方法接收两个参数：
1. 第一个参数是在函数运行时使用的 `this` 值。
2. 第二个参数是一个数组或类数组对象，数组中的每个元素都将作为单独的参数传给函数。
function greet(greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation);
}
const person = {
name: 'Alice'
};
greet.apply(person, ['Hello', '!']); // 输出: Hello, Alice!
### `call()` 方法
`call()` 方法与 `apply()` 类似，但它接受一个参数列表，而不是单个数组作为第二个参数。
function greet(greeting, punctuation) {
console.log(greeting + ', ' + this.name + punctuation);
}
const person = {
name: 'Bob'
};
greet.call(person, 'Hi', '.'); // 输出: Hi, Bob.
### 使用场景
- 当你需要明确设置函数体内的 `this` 值时，`apply()` 和 `call()` 非常有用。
- 当你有一个参数数组，并希望将其作为参数传递给函数时，`apply()` 更为方便。
- 当参数数量较少或参数已知时，`call()` 可能更直观。
### 注意事项
- 如果不需要显式设置 `this` 值，通常可以直接调用函数。
- 在ES6及以后版本中，箭头函数不会绑定自己的 `this`，它会捕获其所在上下文的 `this` 值，因此在箭头函数中 `apply()` 和 `call()` 方法的行为可能不符合预期。
- 对于大多数现代JavaScript编程任务，使用箭头函数和默认参数等ES6+特性可能更受欢迎和方便。然而，在需要显式设置 `this` 或处理旧代码时，`apply()` 和 `call()` 仍然非常有用。