function foo(x, y ,z) {
  console.log(this, x, y, z)
}

const obj = { name: 'curry', age: 30 }
/**
 * 1.將obj對象綁定給foo函數(shù)的this
 * 2.數(shù)組中的1 2 3分別傳遞給foo函數(shù)對應(yīng)的三個參數(shù)
 */
foo.apply(obj, [1, 2, 3])

function foo(x, y ,z) {
  console.log(this, x, y, z)
}

const obj = { name: 'curry', age: 30 }
/**
 * 1.將obj對象綁定給foo函數(shù)的this
 * 2.call剩余參數(shù)中的a b c分別傳遞給foo函數(shù)對應(yīng)的三個參數(shù)
 */
foo.call(obj, 'a', 'b', 'c')

function foo(...args) {
  console.log(this, ...args)
}

const obj = { name: 'curry', age: 30 }
/**
 * 1.將obj對象綁定給foo函數(shù)的this
 * 2.bind剩余參數(shù)中的1 2 3分別傳遞給foo函數(shù)中參數(shù)
 * 3.也可在newFoo調(diào)用時傳入?yún)?shù)，這時bind傳遞的參數(shù)會與newFoo調(diào)用時傳遞的參數(shù)進行合并
 */
const newFoo = foo.bind(obj, 1, 2, 3)
newFoo()
newFoo('a', 'b', 'c')

Function.prototype.myApply = function(thisArg, argArray) {
  // 1.獲取當(dāng)前需要被執(zhí)行的函數(shù)
  // 因為myApply是需要被當(dāng)前函數(shù)進行調(diào)用的，根據(jù)this的隱式綁定，此處的this就是指向當(dāng)前需要被執(zhí)行的函數(shù)
  const fn = this

  // 2.對傳入的thisArg進行邊界判斷
  if (thisArg === null || thisArg === undefined) {
    // 當(dāng)傳入的是null或者undefined是，被執(zhí)行函數(shù)的this直接指向全局window
    thisArg = window
  } else {
    // 將傳入的thisArg對象化，方便后面在thisArg添加屬性
    thisArg = Object(thisArg)
  }
  // 也可簡單寫成三元運算符：
  // thisArg = (thisArg === null || thisArg === undefined) ? window : Object(thisArg)

  // 3.將獲取的fn添加到thisArg對象上
  // 這里使用Symbol的原因是避免外部傳入的thisArg中的屬性與添加fn有沖突
  const fnSymbol = Symbol()
  Object.defineProperty(thisArg, fnSymbol, {
    enumerable: false,
    configurable: true,
    writable: false,
    value: fn
  })
  // 也可簡單寫成
  // thisArg[fnSymbol] = fn

  // 4.對argArray進行判斷
  // 看是否有傳入值，沒有值傳入就默認(rèn) []
  argArray = argArray || []

  // 5.調(diào)用獲取的fn函數(shù)，并將對應(yīng)傳入的數(shù)組展開傳遞過去
  const result = thisArg[fnSymbol](...argArray)
  // 調(diào)用完后刪除添加的屬性
  delete thisArg[fnSymbol]

  // 6.將結(jié)果返回
  return result
}

function foo(x, y, z) {
  console.log(this, x, y, z)
}

foo.myApply({name: 'curry'}, [1, 2, 3])

Function.prototype.myCall = function(thisArg, ...args) {
  // 1.獲取當(dāng)前需要被執(zhí)行的函數(shù)
  const fn = this

  // 2.對傳入的thisArg進行邊界判斷
  thisArg = (thisArg === null || thisArg === undefined) ? window : Object(thisArg)

  // 3.將獲取的fn添加到thisArg對象上
  const fnSymbol = Symbol()
  thisArg[fnSymbol] = fn

  // 4.調(diào)用獲取的fn函數(shù)，并將對應(yīng)傳入的args傳遞過去
  const result = thisArg[fnSymbol](...args)
  // 調(diào)用完后刪除添加的屬性
  delete thisArg[fnSymbol]

  // 5.將結(jié)果返回
  return result
}

function foo(x, y, z) {
  console.log(this, x, y, z)
}

foo.myCall({name: 'curry'}, 1, 2, 3)

Function.prototype.myBind = function(thisArg, ...argsArray) {
  // 1.獲取當(dāng)前的目標(biāo)函數(shù)，也就是當(dāng)前使用myBind方法的函數(shù)
  const fn = this

  // 2.對傳入的thisArg進行邊界判斷
  thisArg = (thisArg === null || thisArg === undefined) ? window : Object(thisArg)

  // 3.將獲取的fn添加到thisArg對象上
  const fnSymbol = Symbol()
  thisArg[fnSymbol] = fn

  // 4.定義一個新的函數(shù)
  function newFn(...args) {
    // 4.1.合并myBind和newFn傳入的參數(shù)
    const allArgs = [...argsArray, ...args]
    // 4.2.調(diào)用真正需要被調(diào)用的函數(shù)，并將合并后的參數(shù)傳遞過去
    const result = thisArg[fnSymbol](...allArgs)
    // 4.3.調(diào)用完后刪除添加的屬性
    delete thisArg[fnSymbol]

    // 4.4.將結(jié)果返回
    return result
  }

  // 6.將新函數(shù)返回
  return newFn
}

function foo(x, y, z) {
  console.log(this, x, y, z)
}

const newFoo = foo.myBind({ name: 'curry' }, 1, 2)
newFoo(3)