bind、call和apply

bind()

在 JavaScript 中，bind() 方法用于创建一个新函数，并将其绑定到指定的上下文（即 this 值）。bind() 方法在函数的执行上下文中创建了一个函数副本，并将绑定的上下文保持不变。bind() 方法不会立即调用函数，而是返回一个新函数，可以稍后进行调用。

const person = {
  name: 'John',
  greet() {
    console.log(`Hello, ${this.name}!`);
  }
};
const greetingFunction = person.greet.bind(person); 
//bind使用绑定greet函数 传入参数是this指向的对象
greetingFunction(); // 输出：Hello, John!

bind() 方法还可以传递参数，这些参数将作为绑定函数的参数，附加到绑定的函数之前：

function multiply(a, b) {
  return a * b;
}
const multiplyByTwo = multiply.bind(null, 2); //没有绑定this,2会作为第一个参数
console.log(multiplyByTwo(5)); // 输出：10

在上述示例中，我们使用 bind() 方法将 multiply 函数绑定到参数 2 上，创建了一个新的函数 multiplyByTwo。当我们调用 multiplyByTwo(5) 时，绑定函数会自动将 2 作为第一个参数传递给 multiply 函数，得到相应的结果。

总而言之，bind() 方法用于创建新函数，并将其绑定到指定的上下文。它常用于事件处理程序、回调函数和其他需要指定上下文的场景。

call()和apply()

// functionName.call(thisArg, arg1, arg2, ...)

function greet(arg1) {
  console.log(`Hello, ${this.name}!`,arg1);
}

const person = { name: 'John' };

greet.call(person,"我是参数arg1"); // 输出：Hello, John! this指向person对象 传入参数是arg1

在上述示例中，greet.call(person) 会调用 greet 函数，将 person 对象作为函数的执行上下文，此时函数中的 this 将指向 person，并打印出相应的问候语。

// functionName.apply(thisArg, [arg1, arg2, ...])
function greet(greeting,arg1) {
  console.log(`${greeting}, ${this.name},${arg1}!`);
}

const person = { name: 'John' };
const args = ['Hello',"我是参数arg1"];

greet.apply(person, args); // 输出：Hello, John,我是参数arg1!

apply() 方法也用于调用一个函数，并设置函数执行时的上下文（即 this 值）。它和 call() 的不同之处在于参数的传递方式。apply() 接受一个包含参数的数组作为参数。