分別用6行代碼實現bind、call和apply

bind

Function.prototype.bindX = function() {
  let self = this
  let [thisArg, ...args] = arguments
  return function() {
    self.apply(thisArg, [...args, ...arguments])
  }
}
複製代碼

call

Function.prototype.callX = function () {
  let [thisArg, ...args] = arguments
  let fn = Symbol()
  thisArg[fn] = this
  let result = thisArg[fn](...args)
  delete thisArg[fn]
  return result
}
複製代碼

apply

Function.prototype.applyX = function () {
  let [thisArg, args] = arguments
  let fn = Symbol()
  thisArg[fn] = this
  let result = thisArg[fn](...args)
  delete thisArg[fn]
  return result
}
複製代碼

說它多有用吧，真的沒多大意義，裏面僅僅是實現最基礎的功能，僅僅是我的拿來玩的，退一萬步講，即使在某種狀況下沒有原生的bind，call，appay的支持，項目中也會用別人已經寫好的。

若是硬要說些什麼，那應該是js真的愈來愈好用了，要善加利用(⊙o⊙)哦

我的的一些感悟

• 保存當前對象this
• 保存綁定對象thisArg
• 保存剩餘參數args
• 根據具體功能處理
  • bind 返回的是函數
  • call 返回的是函數執行的結果，剩餘參數是展開形式
  • apply 返回的是函數執行的結果，剩餘參數是數組形式

您能夠查看MDN上比較權威的實現

最後

還有幾個疑問，請教一下你們

• bind不是綁在Function原型上面嗎，啥狀況會出現this !== 'function'嗎
• 維護原型鏈關係這個是怎麼回事