bind用法引見：

bind()要領建立一個新的函數, 當被挪用時，將其this關鍵字設置為供應的值，在挪用新函數時，在任何供應之前供應一個給定的參數序列。

這段是來自MDN:bind的引見,我們能夠明白bind要領返回一個新的函數，這個函數內部的this指向供應的參數值，來看個例子

 const person = {
      age: 20,
      getAge() {
        return this.age
      }
    }
  const getAge = person.getAge
  console.log(getAge()) // output :undefined

上面代碼輸出了undefined，什麼原因呢？置信人人都曉得，getAge()執行時內部的this指向了window,而window並沒有age這個屬性，我們並沒有定義全局的age變量，那我們怎樣處置懲罰這個題目呢？那就是用哪一個bind要領，須要注重的是bind要領的兼容性,IE9以上包含IE9。其他當代瀏覽器不用說肯定是支撐的。下面我們用一下bind要領來修正上面的例子

 const person = {
      age: 20,
      getAge() {
        return this.age
      }
    }
  const getAge = person.getAge.bind(person)
  console.log(getAge()) // output :20

我們看到經由過程bind要領就能夠輸出age了

bind語法花樣

fun.bind(thisArg[, arg1[, arg2[, …]]])

參數

thisArg

當綁定函數被挪用時，該參數會作為原函數運行時的 this 指向。當運用new 操作符挪用綁定函數時，該參數無效。

arg1, arg2, ...

當綁定函數被挪用時，這些參數將置於實參之前通報給被綁定的要領

返回值

返回由指定的this值和初始化參數革新的原函數拷貝

個人明白：bind要領接收的第一個參數是你想綁定的this值，通常是個對象，這個對象在函數內部用this能夠獲取到，第一個參數背面能夠跟若干個參數，這些參數能夠在bind的時刻通報，相當於預設參數。

好了，曉得用法和參數后我們就能夠完成一個大略版的了

Function.prototype.bind=function (context) {
  if(typeof this !=='function'){
    throw new Error(`${this.name} is not a function`)
  }
  const srcFun=this// 保留原始函數
  const arg=Array.prototype.slice.call(arguments,1)// 把arguments類數組轉為實在數組
  let noop=function(){}
  const fBound= function () {
   if(this instanceof noop){
     context=this
   }
    // 兼并新舊參數
    return srcFun.apply(context,arg.concat(Array.prototype.slice.call(arguments,0)))
  }
  if(this.prototype){
    noop.prototype=this.prototype//保護原型關聯，指向原始函數
  }
  fBound.prototype=new noop()//新函數的prototype的__proto__指向noop.prototype
  return fBound
}

很大略，沒有嚴謹的推斷。

一個綁定函數也能運用new操作符建立對象：這類行動就像把原函數當作組織器。供應的 this 值被疏忽，同時挪用時的參數被供應給模仿函數。

上面是MDN的一段話，也就是bind返回的函數也能夠當作組織函數來用，此時bind通報的第一個參數無效，然則其他參數有用。

那末要做推斷處置懲罰就是

//代碼2
if(this instanceof noop){
     context=this
   }

這段代碼就能夠區分出是在把函數當作組織函數來new了照樣當作一般要領來挪用了，我們曉得
當new 的時刻現實做了這點事

var obj={}
obj._proto_=組織函數的prototype
組織函數.call(obj)

所以現在在代碼2中的this是組織函數的實例,那就得變動bind后的函數，讓bind后的fBound函數的prototype指向noop的實例，如許此時的this就藉助noop實例指向了noop的原型，那末this instanceof noop就是true了

總結

上面是我對bind要領的一些明白和完成，僅供參考和進修。bind要領在react中會比較常用到，有些面試題也會讓本身完成一個，所以嘗試一下也能學到不少東西了。