模拟实现js，call、apply、bind方法

最新推荐文章于 2024-07-12 16:27:40 发布

丑摸样

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量67

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_50109437/article/details/128346163

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

call

function foo(num1, num2) {
  return num1 + num2
}

Function.prototype.hyCall = function(thisArg, ...argArray) {
  thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window
  
  let fn = this
  const key = Symbol()
  thisArg[key] = fn
  let result = thisArg[key](...argArray)

  delete thisArg[key]
  return result
}
let result = foo.hyCall({ name: 'yyy' }, 20, 30)
console.log(result)

2.apply

function foo(num1, num2, num3) {
  console.log('foo被调用了', this)
  return num1 + num2 + num3
}

Function.prototype.hyBind = function (thisArg, ...argArray) {
  thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window
  let fn = this
  return function (...args) {
    let key = Symbol()
    thisArg[key] = fn
    let result = thisArg[key](...argArray, ...args)
    delete  thisArg[key]

    return result
  }
}

let fn = foo.bind({ name: 123 }, 1,2)
let result = fn(3)
console.log(result)

3.bind

function foo(num1, num2, num3) {
  console.log('foo被调用了', this)
  return num1 + num2 + num3
}
Function.prototype.hyApply = function (thisArg, argArray) {
  thisArg = (thisArg !== null && thisArg !== undefined) ? Object(thisArg) : window

  let fn = this
  let key = Symbol()
  thisArg[key] = fn
  argArray = argArray ?? []  
  let result = thisArg[key](...argArray)
  delete thisArg[key]
  return result
}

let result = foo.hyApply(123,[1,2,3])
console.log(result)