Bind创建一个新函数，this该函数将强制该函数内部成为传递给的参数bind()。
这是一个示例，显示了如何使用bind具有正确的方法传递成员方法this：
var myButton = {
content: 'OK',
click() {
console.log(this.content + ' clicked');
}
};
myButton.click();
var looseClick = myButton.click;
looseClick(); // not bound, 'this' is not myButton - it is the globalThis
var boundClick = myButton.click.bind(myButton);
boundClick(); // bound, 'this' is myButton
打印出：
OK clicked
undefined clicked
OK clicked
您还可以在1st（this）参数之后添加其他参数，bind并将这些值传递给原始函数。稍后传递给绑定函数的所有其他参数将在绑定参数之后传递：
// Example showing binding some parameters
var sum = function(a, b) {
return a + b;
};
var add5 = sum.bind(null, 5);
console.log(add5(10));
打印出：
15
查看JavaScript Function绑定以获取更多信息和交互式示例。
更新：ECMAScript 2015添加了对=>功能的支持。 =>函数更紧凑，并且不会在this其定义范围内更改指针，因此您可能不需要bind()经常使用。例如，如果您希望Button从第一个示例开始使用一个函数来将click回调连接到DOM事件，则以下是完成此操作的所有有效方法：
var myButton = {
... // As above
hookEvent(element) {
// Use bind() to ensure 'this' is the 'this' inside click()
element.addEventListener('click', this.click.bind(this));
}
};
要么：
var myButton = {
... // As above
hookEvent(element) {
// Use a new variable for 'this' since 'this' inside the function
// will not be the 'this' inside hookEvent()
var me = this;
element.addEventListener('click', function() { me.click() });
}
};
要么：
var myButton = {
... // As above
hookEvent(element) {
// => functions do not change 'this', so you can use it directly
element.addEventListener('click', () => this.click());
}
};
select = document.querySelector.bind(document)