我已经知道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
当前回答
我之前创建了函数对象、函数调用、call/apply和bind之间的比较:
.bind允许您现在设置this值，同时允许您在将来执行该函数，因为它返回一个新的函数对象。
其他回答
TL; diana:
简单地说，bind创建函数，调用和apply执行函数，而apply期望数组中的参数
完整的解释
假设有一个乘法函数
function multiplication(a,b){
console.log(a*b);
}
让我们使用bind创建一些标准函数
var multiby2 = multiplication.bind（this，2）;
现在multiby2(b)等于乘法(2,b);
multiby2(3); //6
multiby2(4); //8
如果我在bind中传递两个参数会怎样
var getSixAlways = multiplication.bind(this,3,2);
现在getSixAlways()等于乘法(3,2);
getSixAlways();//6
即使传递参数也返回6; getSixAlways (12);/ / 6
var magicMultiplication = multiplication.bind(this);
这将创建一个新的乘法函数并将其分配给magic乘法。
哦，不，我们将乘法功能隐藏到magic乘法中。
调用 magic乘法返回一个空函数b()
在执行过程中，它运行良好 magicMultiplication (6 5);/ / 30
打电话申请怎么样?
magicMultiplication.call(这3 2);/ / 6
magicMultiplication.apply(这一点,[5,2]);/ / 10
当我们想要分配一个具有特定上下文的函数时，应该使用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绑定函数详细了解
它允许设置该函数的值，而不依赖于函数的调用方式。这在处理回调时非常有用:
function sayHello(){
alert(this.message);
}
var obj = {
message : "hello"
};
setTimeout(sayHello.bind(obj), 1000);
要用call实现相同的结果，应该是这样的:
function sayHello(){
alert(this.message);
}
var obj = {
message : "hello"
};
setTimeout(function(){sayHello.call(obj)}, 1000);
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
我之前创建了函数对象、函数调用、call/apply和bind之间的比较:
.bind允许您现在设置this值，同时允许您在将来执行该函数，因为它返回一个新的函数对象。
