function.prototype.bind（）接受Object。它将调用函数绑定到传递的Object，并返回相同的。当对象绑定到函数时，这意味着您将能够使用“this”关键字。

也可以说，

function.prototype.bind（）用于提供/更改作用

让powerOfNumber=函数（数字）{设乘积=1；for（设i=1；i<=this.power；i++）{产品*=数量；}退货产品；}让powerOfTwo=powerOfNumber.bind（｛power:2｝）；警报（powerOfTwo（2））；让powerOfThree=powerOfNumber.bind（{power:3}）；警报（powerOfThree（2））；让powerOfFour=powerOfNumber.bind（{power:4}）；警报（powerOfFour（2））；

让我们试着理解这一点。

    let powerOfNumber = function(number) {
      let product = 1;
      for (let i = 1; i <= this.power; i++) {
        product *= number;
      }
      return product;
    }

这里，在这个函数中，这对应于绑定到函数powerOfNumber的对象。目前，我们没有任何函数绑定到此函数。

让我们创建一个函数powerOfTwo，它将使用上面的函数查找数字的二次幂。

  let powerOfTwo = powerOfNumber.bind({power:2});
  alert(powerOfTwo(2));

这里使用bind将对象｛power:2｝传递给powerOfNumber函数。

bind函数将此对象绑定到powerOfNumber（），并将以下函数返回给powerOfTwo。现在，powerOfTwo看起来，

    let powerOfNumber = function(number) {
      let product = 1;
        for(let i=1; i<=2; i++) {
          product*=number;
      }
      return product;
    }

因此，powerOfTwo将找到第二个电源。

请随意查看。

Javascript中的bind（）函数

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

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

jQuery.proxy（）

Dojo.hhitch（）

另一种用法是，可以将绑定函数作为参数传递给在另一个执行上下文下运行的另一个函数。

var name = "sample";
function sample(){
  console.log(this.name);
}
var cb = sample.bind(this);

function somefunction(cb){
  //other code
  cb();
}
somefunction.call({}, cb);

通过将参数绑定到值来创建新函数

bind方法从另一个函数创建一个新函数，其中一个或多个参数绑定到特定值，包括隐式this参数。

局部应用

这是部分应用的示例。通常，我们提供一个函数及其所有参数，这些参数会产生一个值。这就是所谓的函数应用程序。我们正在将函数应用于其参数。

高阶函数（HOF）

部分应用程序是高阶函数（HOF）的一个例子，因为它生成了一个新函数，但参数数量较少。

绑定多个参数

可以使用bind将具有多个参数的函数转换为新函数。

函数乘法（x，y）{返回x*y；}让multiplyBy10=multiply.bind（null，10）；控制台日志（multiplyBy10（5））；

从实例方法转换为静态函数

在最常见的用例中，当使用一个参数调用时，bind方法将创建一个新函数，该函数将此值绑定到特定值。实际上，这将实例方法转换为静态方法。

函数乘数（因子）｛this.factor=系数；}Multiplier.prototype.multiply=函数（x）｛返回this.factor*x；}函数ApplyFunction（func，value）{返回func（值）；}var mul=新乘数（5）；//生成垃圾（NaN），因为将“undefined”乘以10console.log（ApplyFunction（多个，10））；//产生预期结果：50console.log（ApplyFunction（多乘绑定（多），10））；

实现有状态回调

以下示例显示了如何使用this的绑定使对象方法充当回调，从而可以轻松更新对象的状态。

函数ButtonPressedLogger（）{此计数=0；this.onPressed=函数（）{这个.计数++；console.log（“按下按钮”+this.count+“次数”）；}for（let d of document.getElementsByTagName（“button”））d.onclick=this.onPressed.bind（this）；}new ButtonPressedLogger（）；<button>按我</button><button>不按我</button>

简单解释：

bind（）创建一个新函数，即它返回给您的函数的新引用。

在该关键字后面的parameter中，传递要预配置的参数。实际上，它不会立即执行，只是准备执行。

您可以根据需要预配置任意多个参数。

理解绑定的简单示例：

function calculate(operation) {
  if (operation === 'ADD') {
   alert('The Operation is Addition');
  } else if (operation === 'SUBTRACT') {
   alert('The Operation is Subtraction');
  }
}

addBtn.addEventListener('click', calculate.bind(this, 'ADD'));
subtractBtn.addEventListener('click', calculate.bind(this, 'SUBTRACT'));

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

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