简单的例子

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（）方法将对象作为第一个参数，并创建一个新函数。当调用函数时，函数体中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（）方法创建一个新的函数实例，该实例的值与传递到bind（的值绑定。例如：

   window.color = "red"; 
   var o = { color: "blue" }; 
   function sayColor(){ 
       alert(this.color); 
   } 
   var objectSayColor = sayColor.bind(o); 
   objectSayColor(); //blue 

在这里，通过调用bind（）并传入对象o，从sayColor（）创建了一个名为objectSayColor）的新函数。objectSayCcolor（）函数的这个值相当于o，因此即使作为全局调用调用该函数，也会显示字符串“blue”。

参考资料：Nicholas C.Zakas-面向WEB开发人员的专业JAVASCRIPT®

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

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

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

绑定允许-

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