在 JavaScript 中，apply、bind 和 call 是 Function 对象的三个方法，用于控制函数的调用上下文（即 this 的指向）。它们在函数调用时提供了不同的灵活性，适用于不同的场景。下面是对它们的详细介绍：

1. call 方法

定义与语法

call 方法用于调用一个函数，并显式地指定 this 值和若干个参数。

function.call(thisArg, arg1, arg2, ...)

• thisArg: 在函数执行时使用的 this 值。如果指定为 null 或 undefined，则 this 会指向全局对象（在严格模式下为 undefined）。

• arg1, arg2, ...: 被传递给函数的参数列表。

返回值

call 方法返回调用函数的结果。

使用方法

function greet(greeting, punctuation) {
    return greeting + ', ' + this.name + punctuation;
}

const person = { name: 'Alice' };

console.log(greet.call(person, 'Hello', '!')); // 输出: "Hello, Alice!"

使用场景

• 当你需要立即调用函数，并且想要指定 this 的值时。

2. apply 方法

定义与语法

apply 方法与 call 类似，但它接受的是参数数组（或类数组对象）。

function.apply(thisArg, [argsArray])

• thisArg: 在函数执行时使用的 this 值。

• argsArray: 一个数组或类数组对象，包含被传递给函数的参数。如果为 null 或 undefined，则表示不传递参数。

返回值

apply 方法返回调用函数的结果。

使用方法

function sum(x, y) {
    return x + y;
}

console.log(sum.apply(null, [5, 10])); // 输出: 15

使用场景

• 当你有一个参数数组，并希望将这些参数传递给函数时。

• 常用于某些内置函数，如 Math.max 和 Math.min，以便从数组中找出最大或最小值。

3. bind 方法

定义与语法

bind 方法创建一个新的函数，在调用时，将 this 关键字设置为提供的值，并在调用新函数时，在任何提供的参数之前预置一部分参数。

function.bind(thisArg, arg1, arg2, ...)

• thisArg: 调用绑定函数时作为 this 值使用的对象。

• arg1, arg2, ...: 当目标函数被调用时，预置入绑定函数的参数列表。

返回值

bind 方法返回一个新的函数。

使用方法

function greet(greeting) {
    return greeting + ', ' + this.name;
}

const person = { name: 'Bob' };
const greetBob = greet.bind(person);

console.log(greetBob('Hi')); // 输出: "Hi, Bob"

// bind多个参数的情况
function greet(greeting, age) {
    return greeting + ', ' + this.name + ', ' + age;
}

const person = { name: 'Bob' };
const greetBob = greet.bind(person, 12);

console.log(greetBob('Hi')); // 输出: "12, Bob, Hi"

使用场景

• 当你需要创建一个函数，并希望在稍后调用时具有特定的 this 值。

• 常用于事件处理器、回调函数中，以确保 this 指向正确的对象。

总结

• call 和 apply 都是为了立即调用函数，只是传递参数的方式不同。

• bind 用于创建一个新的函数，并可以在稍后调用时固定 this 和部分参数。

• 选择使用哪一个方法，通常取决于你需要的参数传递方式和函数调用时机。