考虑下面列出的简单程序，

//we create object user
let User = { name: 'Justin' };

//a Hello Function is created to Alert the object User 
function Hello() {
  alert(this.name);
}

//since there the value of this is lost we need to bind user to use this keyword
let user = Hello.bind(User);
user();

//we create an instance to refer the this keyword (this.name);

我将从理论上和实践上解释bind

javascript中的bind是一种方法--Function.prototype.bind.bind是一个方法。它是在函数原型上调用的。此方法创建一个函数，其主体与调用该函数的函数相似，但“This”引用传递给绑定方法的第一个参数。其语法为

     var bindedFunc = Func.bind(thisObj,optionsArg1,optionalArg2,optionalArg3,...);

示例：--

  var checkRange = function(value){
      if(typeof value !== "number"){
              return false;
      }
      else {
         return value >= this.minimum && value <= this.maximum;
      }
  }

  var range = {minimum:10,maximum:20};

  var boundedFunc = checkRange.bind(range); //bounded Function. this refers to range
  var result = boundedFunc(15); //passing value
  console.log(result) // will give true;

以下是最简单的解释：

说你有一个功能

function _loop(n) { console.log("so: " + n) }

显然，您可以像往常一样将其称为loop（69）。

重写如下：

var _loop = function() { console.log("so: " + this.n) }

注意现在有

无此类参数使用“this”获取命名参数

现在可以这样调用函数：

 _loop.bind( {"n": 420} )

就是这样。

最典型的用例：

真正典型的用法是需要向回调中添加参数。

回调不能有参数。

因此，只需如上所述“重写”回调。

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（）

从Function.pr原型.bind（）上的MDN文档中：

bind（）方法创建一个新函数，当调用该函数时此关键字设置为提供的值，具有给定的序列调用新函数时提供的任何参数之前的参数。

那是什么意思？！

好吧，让我们来做一个如下的函数：

var logProp = function(prop) {
    console.log(this[prop]);
};

现在，让我们看一个像这样的对象：

var Obj = {
    x : 5,
    y : 10
};

我们可以像这样将函数绑定到对象：

Obj.log = logProp.bind(Obj);

现在，我们可以在代码中的任何位置运行Obj.log：

Obj.log('x'); // Output : 5
Obj.log('y'); // Output : 10

这是有效的，因为我们将其值绑定到对象Obj。

它真正有趣的地方是，当你不仅为它绑定一个值，而且为它的参数属性绑定一个：

Obj.logX = logProp.bind(Obj, 'x');
Obj.logY = logProp.bind(Obj, 'y');

我们现在可以这样做：

Obj.logX(); // Output : 5
Obj.logY(); // Output : 10

与Obj.log不同，我们不必传递x或y，因为我们在绑定时传递了这些值。