美文网首页
分享一个js面试题,考考你的this指向

分享一个js面试题,考考你的this指向

作者: 锋享前端 | 来源:发表于2019-05-27 19:23 被阅读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
    第一个输出10,大家都知道this所在函数fn无人调用的情况下this指向window,this.length 就是全局的length;不是obj对象的length;所以第一个答案是10;
    第二个输出的2 是怎么呢?
    首先arguments是个类数组,也是个对象;所以arguments0的意思就是这个arguments这个对象调用fn,所有this是这个类数组对象;他的长度有两个;所以结果是2;
    如果obj.method(fn, 1,,2)第二个的结果就是3;
    那么如果我们想让method方法里的fn()打印obj的属性length那么就要改变this的指向;可以写fn.call(obj);这样打印出来的结果就是5了;

    大家试试吧!!!

    相关文章

      网友评论

          本文标题:分享一个js面试题,考考你的this指向

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