我已经知道apply和call是类似的函数，它们设置this(函数的上下文)。
区别在于我们发送参数的方式(manual vs array)
问题:
但是什么时候应该使用bind()方法呢?
var obj = {
x: 81,
getX: function() {
return this.x;
}
};
alert(obj.getX.bind(obj)());
alert(obj.getX.call(obj));
alert(obj.getX.apply(obj));
jsbin
当前回答
当我们想要分配一个具有特定上下文的函数时，应该使用Bind函数。
var demo = {
getValue : function(){
console.log('demo object get value function')
}
setValue : function(){
setTimeout(this.getValue.bind(this),1000)
}
}
在上面的例子中，如果我们调用demo.setValue()函数并传递这个。getValue函数，那么它不会调用demo。setValue函数，因为setTimeout中的this指向窗口对象，所以我们需要将演示对象context传递给this。getValue函数使用bind。这意味着我们只是将demo对象的上下文传递给function，而不是实际调用function。
希望你能理解。
更多信息请参考 Javascript绑定函数详细了解
其他回答
调用apply和bind。以及它们的不同之处。
让我们学习如何使用日常术语。
你有三辆汽车，你的摩托车，你的汽车和你的喷气式飞机，它们以相同的机制(方法)开始。 我们使用push_button_engineStart方法创建了一个对象汽车。
var your_scooter, your_car, your_jet;
var automobile = {
push_button_engineStart: function (runtime){
console.log(this.name + "'s" + ' engine_started, buckle up for the ride for ' + runtime + " minutes");
}
}
让我们理解什么时候使用call和apply。让我们假设你是一名工程师，你有你的摩托车，你的汽车和你的喷气式飞机，这些都没有push_button_engine_start，你希望使用第三方push_button_engineStart。
如果运行以下代码行，它们将给出一个错误。为什么?
//your_scooter.push_button_engineStart();
//your_car.push_button_engineStart();
//your_jet.push_button_engineStart();
automobile.push_button_engineStart.apply(your_scooter,[20]);
automobile.push_button_engineStart.call(your_jet,10);
automobile.push_button_engineStart.call(your_car,40);
上面的例子成功地给了your_scooter, your_car, your_jet一个automobile对象的特征。
让我们再深入一点 在这里，我们将拆分上面的代码行。 汽车。push_button_engineStart帮助我们获取正在使用的方法。
此外，我们使用点表示法使用apply或call。 automobile.push_button_engineStart.apply ()
现在应用和调用accept两个参数。
上下文 参数
这里我们在最后一行代码中设置了context。
automobile.push_button_engineStart.apply (your_scooter [20])
call和apply的区别在于apply接受数组形式的形参，而call只能接受以逗号分隔的参数列表。
什么是JS绑定函数?
绑定函数基本上就是绑定某个东西的上下文，然后将其存储到一个变量中，以便在稍后阶段执行。
让我们把前面的例子做得更好。之前我们使用了一个属于automobile对象的方法，并使用它来装备你的car、你的jet和你的scooter。现在让我们想象一下，我们想要分别给出一个单独的push_button_engineStart，在我们希望的执行的任何后续阶段分别启动我们的汽车。
var scooty_engineStart = automobile.push_button_engineStart.bind(your_scooter);
var car_engineStart = automobile.push_button_engineStart.bind(your_car);
var jet_engineStart = automobile.push_button_engineStart.bind(your_jet);
setTimeout(scooty_engineStart,5000,30);
setTimeout(car_engineStart,10000,40);
setTimeout(jet_engineStart,15000,5);
还不满意?
让我们像泪滴一样说清楚。是时候做实验了。我们将返回到调用和应用函数应用程序，并尝试将函数的值存储为引用。
下面的实验失败了，因为call和apply是立即调用的，因此，我们从来没有达到在变量中存储引用的阶段，这是bind函数的亮点
var test_function = automobile.push_button_engineStart.apply(your_scooter);
Call:调用函数，允许你一个一个地传递参数
Apply: Apply调用函数并允许您将参数作为数组传递
Bind: Bind返回一个新函数，允许传入this数组和任意数量的参数。
var person1 = {firstName: 'Raju', lastName: 'king'}; var person2 = {firstName: 'chandu', lastName: 'shekar'}; function greet(greeting) { console.log(greeting + ' ' + this.firstName + ' ' + this.lastName); } function greet2(greeting) { console.log( 'Hello ' + this.firstName + ' ' + this.lastName); } greet.call(person1, 'Hello'); // Hello Raju king greet.call(person2, 'Hello'); // Hello chandu shekar greet.apply(person1, ['Hello']); // Hello Raju king greet.apply(person2, ['Hello']); // Hello chandu shekar var greetRaju = greet2.bind(person1); var greetChandu = greet2.bind(person2); greetRaju(); // Hello Raju king greetChandu(); // Hello chandu shekar
当我们想要分配一个具有特定上下文的函数时，应该使用Bind函数。
var demo = {
getValue : function(){
console.log('demo object get value function')
}
setValue : function(){
setTimeout(this.getValue.bind(this),1000)
}
}
在上面的例子中，如果我们调用demo.setValue()函数并传递这个。getValue函数，那么它不会调用demo。setValue函数，因为setTimeout中的this指向窗口对象，所以我们需要将演示对象context传递给this。getValue函数使用bind。这意味着我们只是将demo对象的上下文传递给function，而不是实际调用function。
希望你能理解。
更多信息请参考 Javascript绑定函数详细了解
简单来说，所有方法都用于在常规函数中显式地设置上下文(this)
Call: Call调用给定上下文的函数，并允许一个一个地传递参数
Apply: Apply在给定上下文调用函数，并允许将参数作为数组传递
Bind: Bind通过设置提供的上下文返回一个新函数，并允许逐个传递参数
注:
Call和Apply都是相似的，唯一不同的是它们期望参数的方式 上述方法不适用于箭头函数
我之前创建了函数对象、函数调用、call/apply和bind之间的比较:
.bind允许您现在设置this值，同时允许您在将来执行该函数，因为它返回一个新的函数对象。
