变量具有局部和全局作用域。假设我们有两个同名的变量。一个是全局定义的，另一个是在函数闭包内定义的，我们希望得到函数闭包内的变量值。在这种情况下，我们使用这个bind（）方法。请参见下面的简单示例：

变量x=9；//这是指浏览器中的全局“窗口”对象var人={x： 81中，getX：函数（）{返回此.x；}};var y=person.getX；//它将返回9，因为它将调用x的全局值（varx=9）。var x2=y.bind（人）；//它将返回81，因为它将调用在名为person（x=81）的对象中定义的x的局部值。document.getElementById（“demo1”）.innerHTML=y（）；document.getElementById（“demo2”）.innerHTML=x2（）；<p id=“demo1”>0</p><p id=“demo2”>0</p>

摘要：

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”

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

简单的例子

function lol(second, third) {
    console.log(this.first, second, third);
}

lol(); // undefined, undefined, undefined
lol('1'); // undefined, "1", undefined
lol('1', '2'); // undefined, "1", "2"

lol.call({first: '1'}); // "1", undefined, undefined
lol.call({first: '1'}, '2'); // "1", "2", undefined
lol.call({first: '1'}, '2', '3'); // "1", "2", "3"

lol.apply({first: '1'}); // "1", undefined, undefined
lol.apply({first: '1'}, ['2', '3']); // "1", "2", "3"

const newLol = lol.bind({first: '1'}); 
newLol(); // "1", undefined, undefined
newLol('2'); // "1", "2", undefined
newLol('2', '3'); // "1", "2", "3"

const newOmg = lol.bind({first: '1'}, '2');
newOmg(); // "1", "2", undefined
newOmg('3'); // "1", "2", "3"

const newWtf = lol.bind({first: '1'}, '2', '3');
newWtf(); // "1", "2", "3"

我没有读过上面的代码，但我学到了一些简单的东西，所以我想在这里分享一下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（“日”，“夜”）

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

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

绑定允许-

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