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

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了;

大家试试吧!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容