关于call --- bind --- apply 的区别

Dear 丶 2021-11-01 04:32 306阅读 0赞

解决this指向问题：  
1.call-bind作用是相同的，只是传参方式不同，call接收的参数列表，apply接收一个参数数组。  
2.bind绑定返回一个函数，是不执行的。

Function.prototype.myCall = function (context = window) {
       context.fn = this;
    
      var args = [...arguments].slice(1);
    
      var result = context.fn(...args);
      // 执行完后干掉
      delete context.fn;
      return result;
    }

Function.prototype.myApply = function (context = window) {
      context.fn = this;
    
      var result
      // 判断 arguments[1] 是不是 undefined
      if (arguments[1]) {
        result = context.fn(...arguments[1])
      } else {
        result = context.fn()
      }
    
      delete context.fn
      return result;

Function.prototype.myBind = function (context) {
      if (typeof this !== 'function') {
        throw new TypeError('Error')
      }
      var _this = this
      var args = [...arguments].slice(1)
      // 返回一个函数
      return function F() {
        // 因为返回了一个函数，我们可以 new F()，所以需要判断
        if (this instanceof F) {
          return new _this(...args, ...arguments)
        }
        return _this.apply(context, args.concat(...arguments))
      }
    }

[拿取之地][Link 1]

转载于:https://www.cnblogs.com/keenjade/p/11243829.html

[Link 1]: https://github.com/haizlin/fe-interview/issues/92

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关 call、apply、bind的区别

为什么要改变this的指向 var name = "codereasy"; let obj = { name

ゝ一世哀愁。/ 2023年10月15日 19:01/ 0 赞/ 34 阅读

相关 call apply bind

call 等可以使用在生命周期外面时 // 外面 function handleMaker(wait) { return thr

超、凢脫俗/ 2023年01月18日 04:11/ 0 赞/ 132 阅读

相关 call apply bind 直接的区别

call apply bind 方法调用，都是改变this指向，但是传递数据的形式不同下面一段代码作为参考: ![在这里插入图片描述][watermark_type_

你的名字/ 2023年01月07日 01:28/ 0 赞/ 109 阅读

相关 call、apply、bind

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：都是用来改变函数的this对象的指向的。

谁践踏了优雅/ 2023年01月07日 01:22/ 0 赞/ 169 阅读

相关 bind,call,apply的区别

这三个大佬是干什么用的很多时候面试会问这些,就写写吧，很基础的一些东西。就是改变函数内的`this`的指向,再带些参数进入到函数中，随便你怎么耍了~~ call

左手的ㄟ右手/ 2022年10月01日 04:58/ 0 赞/ 211 阅读

相关 apply、call和bind的区别

转自：[apply、call和bind的区别][apply_call_bind] > 问了一下，这么三个函数的作用是什么？这么三个函数的作用就是调整上下文，即this的指向。

爱被打了一巴掌/ 2022年05月28日 04:22/ 0 赞/ 215 阅读

相关 apply() call() bind()区别总结

apply() 、call() 、bind() 每个函数都包含两个非继承而来的方法：apply() 和 call() 用途：都是在特定的作用域中调用函数，实际上等于设

野性酷女/ 2022年05月14日 00:12/ 0 赞/ 274 阅读

相关 call、apply和bind的区别

call、apply和bind都是用于改变方法中this指向的。 var x = "window_x"; var obj = { x : "o

╰+哭是因爲堅強的太久メ/ 2022年02月01日 18:09/ 0 赞/ 323 阅读

相关 bind,apply,call的区别

在Javascript中，bind, apply, call方法都可以显式绑定上下文this，这三者有何不同呢？ bind只绑定this不马上执行

水深无声/ 2021年11月02日 12:56/ 0 赞/ 388 阅读

相关关于call --- bind --- apply 的区别

解决this指向问题： 1.call-bind作用是相同的，只是传参方式不同，call接收的参数列表，apply接收一个参数数组。 2.bind绑定返回一个函数，是不执

Dear 丶/ 2021年11月01日 04:32/ 0 赞/ 307 阅读