美文网首页
一道关于this的指向问题,有点意思,记录一下

一道关于this的指向问题,有点意思,记录一下

作者: 十八岁的天空_b2de | 来源:发表于2019-05-23 16:41 被阅读0次

    题目是这样子的

    var length = 10;
    function fn() {
        console.log(this.length);
    }
    var obj = {
        length: 5,
        method: function(fn) {
            fn();
            arguments[0]();
        }
    }
    obj.method(fn, 1);
    // 输出的是10 和 2
    

    如果题目改为这样子写

    
    var length = 10;
    function fn() {
        console.log(this.length);
    }
     
    var obj = {
      length: 5,
      method: function() {
        fn.call(this);
      }
    };
     
    obj.method();
    
    // 输出 5
    

    在调用fn这个方法前加个call改变this的指向,这时候this就指向了obj,就输出obj里面的length;此时这个问题就需要回到那句"this永远指向调用他的对象"话了,在执行obj.method()方法时,如果函数内部有this,则this确实是指向obj,但是method()内部执行的是fn()函数,而fn()函数绑定的对象是window,即window.fn(),所以输出的是10。

    然后别忘了全局函数fn同时也属于arguments数组中的一员,即当作为arguments成员之一调用的时候,其作用域就绑定到了arguments上,this也就是指向了arguments对象,所以arguments[0]()这段代码调用了身为成员的fn()函数,this.length就等于是arguments.length,又因为method传入的参数为2个,所以最后输出2。

    相关文章

      网友评论

          本文标题:一道关于this的指向问题,有点意思,记录一下

          本文链接:https://www.haomeiwen.com/subject/rcsbzqtx.html