call函数的理解

ゞ浴缸里的玫瑰 2021-09-18 11:48 398阅读 0赞

call() 用来改变this的指向，先来看下call函数的用法。

function fn(){ 
    	console.log(this.a, this.b);
    }
    
    fn(); // undefined undefined
    
    let c = { 
    	'a': 12,
    	'b': 24
    }
    
    fn.call(c); // 12 24

再来看下这个小栗子（原文地址：`https://www.cnblogs.com/donghezi/p/9742778.html`）

function fn1() {  
        console.log('fn1----', this);
    }
    
    function fn2() {  
        console.log('fn2-----', this);
    }
    
    fn1.call(fn2);  //fn1---- function fn2() { 重点一
                    // console.log('fn2-----', this);
                    //}

实现一个简易的call函数：

// ES6 call 实现
    Function.prototype.es6Call = function (context) { 
      var context = context || window;
      context.fn = this;
      var args = [];
      for (var i = 1, len = arguments.length; i < len; i++) { 
        args.push('arguments[' + i + ']');
      }
      const result = context.fn(...args);
      delete context.fn;
      return result;
    }
    //原文：https://blog.csdn.net/u010377383/article/details/80646415

这里的 `context.fn = this;` `this`其实就是上边例子输出的 `fn2`函数.  
`args.push('arguments[' + i + ']');` 相当于是在数组中放入了`[ arguments[1], arguments[2], ... ]`

文章首发： [https://mrceel.cn/call函数理解/][https_mrceel.cn_call]

[https_mrceel.cn_call]: https://mrceel.cn/call%E5%87%BD%E6%95%B0%E7%90%86%E8%A7%A3/

发表评论取消回复

表情：

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

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

相关阅读

相关对recursive calls的深刻理解

篇文章《[这条SQL的索引，你会如何创建？][SQL]》发出后，不少朋友留言，包括一些前辈，指出了其中存在的问题，需要纠正和说明。 **问题1，部分截图中有递归调用，这...

布满荆棘的人生/ 2024年04月17日 06:06/ 0 赞/ 66 阅读

相关 Call函数

Call函数 `Function.prototype.call()` -------------------- <table> <thead> <tr

ゝ一纸荒年。/ 2022年10月09日 00:37/ 0 赞/ 163 阅读

相关函数的apply、call方法

转载自《征服AjaxWeb 2.0开发技术详解》6.2.6 JavaScript为函数对象定义了两个方法：apply和call，它们的作用都是将函数绑定到另外一个对象上

太过爱你忘了你带给我的痛/ 2022年08月08日 09:19/ 0 赞/ 252 阅读

相关 this call() apply()理解

今天根据大神的讲解，我来总结一下最近有关JS的一些问题首先是this问题，一直困扰着我。今天看了大神的文章我先记下我的理解 this 就是函数据以执行的环境对象。。。

小鱼儿/ 2022年08月02日 15:57/ 0 赞/ 194 阅读

相关 JavaScript [].slice.call的理解

【学习参考】 [\[\].slice.call的理解][.slice.call] [\[\].slice.call()的思考][.slice.call 1] [.s

男娘i/ 2022年05月09日 04:56/ 0 赞/ 206 阅读

相关理解Javascript中的call()

这里面涉及到的不止是call的知识。 call()以及apply()存在的意义是什么呢？目的是改变函数（方法）执行的作用域。这里要声明一点：函数在JavaScript

「爱情、让人受尽委屈。」/ 2022年04月18日 03:58/ 0 赞/ 491 阅读

相关理解javascript的call 、 apply 、 bind

function add(a,b) { console.log(`type this ${ typeof this}, name ${ this.name

ゞ浴缸里的玫瑰/ 2022年03月16日 06:58/ 0 赞/ 246 阅读

相关 call函数的理解

call() 用来改变this的指向，先来看下call函数的用法。 function fn(){ console.log(this.a, this.b);

ゞ浴缸里的玫瑰/ 2021年09月18日 11:48/ 0 赞/ 399 阅读

相关深入理解call、apply、bind（改变函数中的this指向）

在JavaScript中call、apply、bind是Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到\`接花移木\`的

以你之姓@/ 2021年09月17日 07:46/ 0 赞/ 356 阅读

相关 JavaScript 函数 Call的使用

call的语法 function.call(obj,...args) Call的作用是什么呢？通俗来说：我手机没电了，借朋友的手机发个短信，注意是借用，

我就是我/ 2021年07月25日 00:16/ 0 赞/ 391 阅读