bind,call和apply

bind、call和apply是JavaScript中用于改变函数执行上下文的方法。

1. bind方法：bind方法会创建一个新的函数，将其绑定到指定的对象上。新函数被调用时，它的this指向绑定的对象。bind方法可以接受多个参数，第一个参数是要绑定的对象，后面的参数是传递给原始函数的参数。

示例：

const obj = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name);
  }
};

const greet = obj.greet;
const boundFunc = greet.bind(obj);
boundFunc(); // 输出: Hello, John

2. call方法：call方法用于调用一个函数，并将指定的对象作为函数执行时的上下文（this）传递进去。call方法可以接受多个参数，第一个参数是要绑定的对象，后面的参数是传递给原始函数的参数。

示例：

const obj = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name);
  }
};

const greet = obj.greet;
greet.call(obj); // 输出: Hello, John

3. apply方法：apply方法与call方法类似，也是用于调用一个函数，并将指定的对象作为函数执行时的上下文（this）传递进去。但是，apply方法接受一个数组作为参数，其中第一个元素是要绑定的对象，后面的元素是传递给原始函数的参数。

示例：

const obj = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name);
  }
};

const greet = obj.greet;
greet.apply(obj); // 输出: Hello, John

这就是bind、call和apply的基本用法，它们都可以改变函数执行时的上下文。使用这些方法可以方便地指定函数的执行环境，灵活地控制函数的上下文。