手写bind call apply

最新推荐文章于 2024-06-09 22:26:02 发布

Attacking-Coder

最新推荐文章于 2024-06-09 22:26:02 发布

阅读量421

点赞数

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

本文链接：https://blog.csdn.net/xinbaiyu/article/details/122991692

版权

面试同时被 2 个专栏收录

71 篇文章 0 订阅

订阅专栏

43 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了如何手写实现JavaScript中的Function.prototype.bind、call和apply方法。通过这些实现，读者可以深入理解这三种方法的工作原理，增强对JavaScript函数调用方式的理解。

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

手写bind

  Function.prototype.bind1 = function () {
      var arr = [...arguments]
      var _this = arr.shift()
      let fn = this
      return function () {
          return fn.apply(_this, arr)
      }
  }

手写call

 Function.prototype.myCall = function (context) {
     if (typeof context === "undefined" || context === null) {
         context = window
     }
     //context=context||window  和上面的代码一样
     context.fn = this
     const args = [...arguments].slice(1)
     const result = context.fn(...args)
     delete context.fn
     return result
 }

手写apply


Function.prototype.myApply = function(context) {
    if (typeof this !== 'function') {
        throw new TypeError('Error')
    }
    context = context || window
    context.fn = this
    let result
    if (arguments[1]) {
        result = context.fn(...arguments[1])
    } else {
        result = context.fn()
    }
    delete context.fn
    return result
}