改变this指向之call、appay 和 bind

在JavaScript中，call、apply和bind都是用来改变函数的执行上下文（即函数中的this关键字所指向的对象）的方法。

call、appay 和 bind 基本使用

• call方法：call方法接收多个参数，第一个参数是要绑定给函数的对象，后续参数是传递给函数的参数。call方法会立即执行函数。

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.age} years old.`);
}

const person = {
  age: 25
};

greet.call(person, 'John'); // Output: Hello, John! I am 25 years old.

• apply方法：apply方法与call方法类似，但是接收的参数是以数组的形式传递的。apply方法也会立即执行函数。

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.age} years old.`);
}

const person = {
  age: 25
};

greet.apply(person, ['John']); // Output: Hello, John! I am 25 years old.

• bind方法：bind方法接收一个参数，即要绑定给函数的对象，返回一个新的函数。该函数可以被稍后调用，以后调用时函数的执行上下文仍然是绑定给它的对象。

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.age} years old.`);
}

const person = {
  age: 25
};

const greetPerson = greet.bind(person);
greetPerson('John'); // Output: Hello, John! I am 25 years old.

call、appay 和 bind 三者之间的区别

call、apply和bind都是JavaScript中用于改变函数执行上下文（即this的指向）的方法。以下是它们之间的主要区别：

1. 执行方式：

   • call和apply在改变this指向后会立即执行函数。
   • bind会创建一个新的函数，当这个新函数被调用时，bind的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。即bind返回一个新的函数，不会立即执行，而是等待被调用时才执行。

2. 参数传递：

   • call和bind接收的参数是逐个列出的，即它们接收的是参数列表。例如：

     func.call(obj, arg1, arg2, arg3)
     // 或
     func.bind(obj, arg1, arg2, arg3)

   • apply接收的第二个参数是一个数组或类数组对象，其中的数组元素将作为单独的参数传给func函数。例如：

     func.apply(obj, [arg1, arg2, arg3])

总结：

• call和apply方法会立即执行函数，并且可以传递多个参数；
• call方法接收的是一系列参数，apply方法接收的是一个数组作为参数；
• bind方法会返回一个新的函数，不会立即执行，可以稍后调用。

总结来说，call、apply和bind的主要区别在于它们的执行方式和参数传递方式。它们都是用来动态地设置函数执行时的this值，但call和apply会立即执行函数，而bind会创建一个新的函数，等待后续调用。在参数传递上，call和bind接收参数列表，而apply接收一个参数数组。