我没有读过上面的代码，但我学到了一些简单的东西，所以我想在这里分享一下bind方法，我们可以将它用作任何普通方法。

<pre> note: do not use arrow function it will show error undefined  </pre>

让solarSystem={太阳：“红色”，moon：“白色”，sunmoon:函数（）{let dayNight=this.sun+'是太阳的颜色，在白天呈现，'+this.moon+'是月亮的颜色，晚上呈现'；返回日夜间；}}让工作=功能（工作，睡眠）{console.log（this.sunmoon（））；//访问solatSystem直到现在都显示错误undefine suncommon，因为我们无法直接访问我们使用的.bind（）console.log（'我在'+work+'中工作，在'+sleep中睡眠）；}let outPut=work.bind（solarSystem）；outPut（“日”，“夜”）

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

您还可以在第一个（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函数绑定以获取更多信息和交互式示例。

更新：ECMAScript 2015增加了对=>函数的支持。=>函数更紧凑，不会从其定义范围更改this指针，因此您可能不需要经常使用bind（）。例如，如果您希望第一个示例中Button上的一个函数将单击回调连接到DOM事件，以下都是实现这一点的有效方法：

var myButton = {
  ... // As above
  hookEvent(element) {
    // Use bind() to ensure 'this' is the 'this' inside click()
    element.addEventListener('click', this.click.bind(this));
  }
};

Or:

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() });
  }
};    

Or:

var myButton = {
  ... // As above
  hookEvent(element) {
    // => functions do not change 'this', so you can use it directly
    element.addEventListener('click', () => this.click());
  }
};

我没有读过上面的代码，但我学到了一些简单的东西，所以我想在这里分享一下bind方法，我们可以将它用作任何普通方法。

<pre> note: do not use arrow function it will show error undefined  </pre>

让solarSystem={太阳：“红色”，moon：“白色”，sunmoon:函数（）{let dayNight=this.sun+'是太阳的颜色，在白天呈现，'+this.moon+'是月亮的颜色，晚上呈现'；返回日夜间；}}让工作=功能（工作，睡眠）{console.log（this.sunmoon（））；//访问solatSystem直到现在都显示错误undefine suncommon，因为我们无法直接访问我们使用的.bind（）console.log（'我在'+work+'中工作，在'+sleep中睡眠）；}let outPut=work.bind（solarSystem）；outPut（“日”，“夜”）

bind函数创建了一个新函数，其函数体和它所调用的函数相同。它是用这个参数调用的。为什么我们使用bind fun？：当每次创建一个新实例时，我们必须使用第一个初始实例，然后使用bind fun。我们不能重写bind fun.暗示它存储类的初始对象。

setInterval(this.animate_to.bind(this), 1000/this.difference);

绑定允许-

将“this”的值设置为特定对象。这变得非常有用，因为有时这不是预期的。重用方法咖喱函数

例如，您有一个扣除每月俱乐部费用的功能

function getMonthlyFee(fee){
  var remaining = this.total - fee;
  this.total = remaining;
  return this.name +' remaining balance:'+remaining;
}

现在，您希望将此功能重新用于其他俱乐部成员。请注意，每个会员的月费会有所不同。

让我们想象一下Rachel的余额是500，每月会员费是90。

var rachel = {name:'Rachel Green', total:500};

现在，创建一个可以反复使用的函数，每月从她的账户中扣除费用

//bind
var getRachelFee = getMonthlyFee.bind(rachel, 90);
//deduct
getRachelFee();//Rachel Green remaining balance:410
getRachelFee();//Rachel Green remaining balance:320

现在，相同的getMonthlyFee函数可以用于另一个具有不同会费的会员。例如，Ross Geller的余额为250，每月费用为25

var ross = {name:'Ross Geller', total:250};
//bind
var getRossFee = getMonthlyFee.bind(ross, 25);
//deduct
getRossFee(); //Ross Geller remaining balance:225
getRossFee(); //Ross Geller remaining balance:200

如上所述，Function.bind（）允许您指定函数将在其中执行的上下文（也就是说，它允许您传递this关键字将解析到函数体中的对象）。

执行类似服务的两个类似工具包API方法：

jQuery.proxy（）

Dojo.hhitch（）