javaScript/js 【call，apply，bind】

在JavaScript中，call、apply和bind都是用于改变函数执行上下文（this的值）的方法。它们在不同的情境下有不同的用途。

1. call方法：

   call方法允许你调用一个函数，并指定该函数内部的this值，以及将参数以单独的参数传递给函数。

   function greet(name) {
     console.log(`Hello, ${name}! I am ${this.name}`);
   }
   
   const person = { name: 'John' };
   
   greet.call(person, 'Alice');
   // 输出: Hello, Alice! I am John
   

   在这个例子中，call方法将greet函数的执行上下文设置为person对象，因此this指向了person对象。

2. apply方法：

   apply方法与call类似，但是它接受一个包含函数参数的数组。

   function greet(name, age) {
     console.log(`Hello, ${name}! I am ${this.name} and I am ${age} years old`);
   }
   
   const person = { name: 'John' };
   const args = ['Alice', 25];
   
   greet.apply(person, args);
   // 输出: Hello, Alice! I am John and I am 25 years old
   

   在这个例子中，apply方法接受一个包含两个参数的数组，并将它们分别传递给greet函数。

3. bind方法：

   bind方法返回一个新的函数，该函数的this值被绑定到传递给bind的值，而不会立即执行。

   function greet(name) {
     console.log(`Hello, ${name}! I am ${this.name}`);
   }
   
   const person = { name: 'John' };
   const greetPerson = greet.bind(person);
   
   greetPerson('Alice');
   // 输出: Hello, Alice! I am John
   

   bind方法创建了一个新的函数greetPerson，并将this绑定到person对象。然后，你可以像调用普通函数一样调用greetPerson，而它仍然会保持this绑定到person。

总结：

• call和apply是立即调用函数的方法，而bind是创建一个新函数的方法。
• call和apply的区别在于参数的传递方式，call接受一系列单独的参数，而apply接受一个参数数组。
• bind返回一个新函数，不会立即执行，而是返回一个新函数供以后调用。