摘要：

bind（）方法将对象作为第一个参数，并创建一个新函数。当调用函数时，函数体中this的值将是在bind（）函数中作为参数传入的对象。

这在JS中是如何工作的

javascript中this的值始终取决于调用函数的对象。此值始终指调用函数的点左侧的对象。对于全局范围，这是窗口（或nodeJS中的全局）。只有调用、应用和绑定才能以不同方式更改此绑定。下面是一个示例，说明this关键字的工作原理：

让obj={prop1:1，func:function（）｛console.log（this）；｝}obj.func（）；//obj位于点的左侧，因此这是指obj常量customFunc=obj.func；//我们将函数存储在customFunc对象中customFunc（）；//现在点左边的对象是窗口，//customFunc（）是window.customFunc（//因此，将记录窗口

如何使用绑定？

Bind可以帮助克服使用此关键字时遇到的困难，方法是在此处指定一个固定的对象。例如：

var name='globalName'；常量对象={name:'myName'，sayName:function（）｛console.log（this.name）；｝}常量say=obj.sayName；//我们只是存储函数，它的值不会被神奇地传递say（）；//现在，由于此函数在全局范围内执行，因此将引用全局变量const-boundSay=obj.sayName.bind（obj）；//现在，this的值被绑定到obj对象bounday（）；//现在，这将引用obj对象中的名称：“myName”

一旦函数被绑定到特定的这个值，我们就可以传递它，甚至可以将它放到其他对象的财产中。其价值将保持不变。

bind（）的最简单用法是生成一个函数，无论它是如何被调用的。

x = 9;
var module = {
    x: 81,
    getX: function () {
        return this.x;
    }
};

module.getX(); // 81

var getX = module.getX;
getX(); // 9, because in this case, "this" refers to the global object

// create a new function with 'this' bound to module
var boundGetX = getX.bind(module);
boundGetX(); // 81

有关详细信息，请参阅MDN Web Docs上的此链接：

函数.product.bind（）

绑定允许-

将“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

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

//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);

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

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

jQuery.proxy（）

Dojo.hhitch（）

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

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>