在 JavaScript 中，apply 和 call 是函数的两个方法，用于显式设置函数的 this 值，并传递参数来执行函数。它们的主要区别是传递参数的方式不同：
- call：参数逐个传入。
- apply：参数以数组形式传入。
适用情况
apply 和 call 的范例
范例 1：动态设置 this
假设有一个通用的函数，我们希望在不同对象上使用它。
function greet(greeting, punctuation) {
console.log(`${greeting}, ${this.name}${punctuation}`);
}
const person1 = { name: "Alice" };
const person2 = { name: "Bob" };
greet.call(person1, "Hello", "!"); // Hello, Alice!
greet.apply(person2, ["Hi", "."]); // Hi, Bob.
范例 2：方法借用
借用其他对象的方法来处理当前对象。
const arrayLike = {
0: "a",
1: "b",
2: "c",
length: 3
};
// 使用 Array.prototype 方法处理类数组对象
const result = Array.prototype.slice.call(arrayLike);
console.log(result); // ["a", "b", "c"]
范例 3：处理参数是数组的情况（apply 的优势）
当参数已经是数组时，apply 可以直接使用它。
const numbers = [5, 6, 2, 3, 7];
// 使用 Math.max 和 apply 找出数组中的最大值
const max = Math.max.apply(null, numbers);
console.log(max); // 7
// 使用 Math.min 和 apply 找出数组中的最小值
const min = Math.min.apply(null, numbers);
console.log(min); // 2
范例 4：模拟 new 关键字（apply 的进阶用法）
用 apply 来执行构造函数。
function Person(name, age) {
this.name = name;
this.age = age;
}
function createNew(Constructor, args) {
const obj = Object.create(Constructor.prototype);
Constructor.apply(obj, args);
return obj;
}
const person = createNew(Person, ["Alice", 25]);
console.log(person.name); // Alice
console.log(person.age); // 25
范例 5：结合 call 和 apply 的灵活性
用 call 和 apply 动态地修改函数行为。
function sum(a, b, c) {
return a + b + c;
}
// 使用 call 传递逐个参数
console.log(sum.call(null, 1, 2, 3)); // 6
// 使用 apply 传递数组参数
console.log(sum.apply(null, [1, 2, 3])); // 6
区别和总结
- call：适合在参数固定，且需要一个接一个地传入时使用。
- apply：适合参数是数组或类数组时，尤其在需要动态传递多个参数的情况下使用。
何时用 call，何时用 apply？
当你已经知道参数一个一个地传入，使用 call：
someFunction.call(context, arg1, arg2, arg3);
当参数以数组形式存在时，使用 apply：
someFunction.apply(context, [arg1, arg2, arg3]);
两者用途非常相似，可以根据数据形式选择合适的方法。