解析夺命连环call——阿里面试题

凌影歆辰

已于 2022-12-12 12:37:33 修改

阅读量646

点赞数

分类专栏： javascript 文章标签： javascript 前端面试

于 2022-12-12 03:07:42 首次发布

本文链接：https://blog.csdn.net/llx261489/article/details/128281235

版权

本文详细探讨了JavaScript中call方法的作用、原理以及如何还原call。通过实例解析了call如何改变this的指向，并通过夺命连环call的题目，阐述了多次调用call的执行过程，帮助读者深入理解call的本质。

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

call的作用

call最主要的作用就是改变this的指向，所有函数都能基于原型链在Function.prototype里找到call方法，所以所有函数都能直接调用call方法，如下：

函数.call(新的this指向，参数1，参数2，…)

call的第一个参数是新的this指向，其余的参数都是调用call方法的函数的实参，调用call方法的函数会被执行。

如果call方法的第一个参数是null或者undefined，在非严格模式下，thi指向window，在严格模式下，this指向null或者undefined；如果没有给call方法传递参数，那么在非严格模式下，this指向window，在严格模式下，this指向undefined。

在做题之前需要简单了解一下call的原理，我们先来看一串代码：

    function show(){
   
        console.log(this);
    }
    var obj={
   }
    show();

此时show函数执行后，show函数里面的this指向的是window，我们要将这个this的指向改成obj的话，就需要将show函数添加到obj里面，并且通过obj调用来执行，如下：

    function show(){
   
        console.log(this);
    }
    var obj={
   };
    obj.show=show;
    obj.show();

现在show函数里的this就指向obj了。

call方法的实现也是基于这个原理。

了解了call方法的原理之后，我们就可以自己来还原一下call方法，先写一个初级版本的，这里我用函数mycall来表示我重写的call方法：

    Function.prototype.mycall = function mycall(context,...params){
   
        context['this'] = this;//this--->show函数

关注

专栏目录