call+apply和bind三者在javascript中的区别是什么

1. call

在JavaScript中，call是Function.prototype的一个方法，可以用来调用函数并指定this值和传递参数。当使用call调用函数时，会立即执行这个函数。

// 定义一个对象
var person = {
  name: 'Alice',
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 调用sayHello函数，并将person对象作为this值传入
person.sayHello.call();  // Hello, my name is Alice

2. apply

apply和call类似，也是Function.prototype的一个方法，但是apply接收一个参数数组而不是一系列参数。这个参数数组可以包含任意数量的参数。当使用apply调用函数时，同样会立即执行这个函数。

// 定义一个函数
function greet(greeting, punctuation) {
  console.log(greeting + ' ' + this.name + punctuation);
}

// 定义一个对象
var person = {
  name: 'Bob'
};

// 使用apply调用greet函数，并将person对象作为this值传入，参数以数组形式传入
greet.apply(person, ['Hello', '!']);  // Hello Bob!

3. bind

bind是Function.prototype的一个方法，它创建一个新函数，新函数的this值被绑定到bind方法的第一个参数，并且在调用时，传递给bind的参数会优先传递给新函数。

// 定义一个函数
function greet(greeting, punctuation) {
  console.log(greeting + ' ' + this.name + punctuation);
}

// 定义一个对象
var person = {
  name: 'Charlie'
};

// 创建一个新函数，将person对象作为this值绑定，参数Hello和!会优先传给新函数
var greetPerson = greet.bind(person, 'Hello', '!');
greetPerson();  // Hello Charlie!

总结

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

使用call时，将函数立即调用，并将指定对象作为this值传入。

使用apply时，同样将函数立即调用，但是接收一个参数数组，数组中的参数会依次传递给函数。

使用bind时，创建一个新函数，新函数的this值被绑定到指定对象，并且在调用时，传递给bind的参数会优先传递给新函数。