手写bind、apply、call

最新推荐文章于 2023-02-21 19:31:15 发布

Slueia

最新推荐文章于 2023-02-21 19:31:15 发布

阅读量61

点赞数

分类专栏：面试题

本文链接：https://blog.csdn.net/Slueia/article/details/115496249

版权

面试题专栏收录该内容

39 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了JavaScript中函数的call、apply和bind方法的实现原理，通过示例代码展示了如何在不同上下文中调用函数并绑定指定的this值。内容涵盖了函数原型上的扩展以及对参数处理的细节。

摘要由CSDN通过智能技术生成

// 实现call方法

function person(){
  console.log(this.name)
}

var egg = {name: '蛋老师'}

Function.prototype.newCall= function (obj) {
  var obj = obj || window
  obj.p = this
  var newArguments = obj.slice(1)
  let res = obj.p(newArguments)
  delete obj.p
  return res
}

person.newCall(egg)


// 实现apply方法
Function.prototype.newApply= function (obj, arr) {
  var obj = obj || window
  obj.p = this
  let res
  if(!arr){
    obj.p()
  }else{
    var newArguments = arr
    res = obj.p(newArguments)
  }
  delete obj.p
  return res
}

//实现bind方法
Function.prototype.myBind = function(thisArg) {
  if (typeof this !== 'function') {
    return;
  }
  var _self = this;
  var args = Array.prototype.slice.call(arguments, 1) //从第二个参数截取
  return function() {
    return _self.apply(thisArg, args.concat(Array.prototype.slice.call(arguments))); // 注意参数的处理
  }
}