javascript - 分析这段代码会alert什么？

问题描述

问 题

    window.val = 1;
    var json = {
        val:10,
        dbl:function(){
            this.val = 2;
        }
    };
    json.dbl();//this.val = 2      ⒈
    var dbl = json.dbl;            ⒉
    dbl();//window.val = 1;        ⒊
    json.dbl.call(window);//this指向变为window,并且执行,window.val = 1;  ⒋
    alert(window.val + json.val);//json指向为window,所以val为1,1+1=2???  ⒌

注释是我最开始的理解,然后看到了结果之后我试图用答案去逆向思考来找原因。

==========================看过答案之后的分割线==========================

在第⒈步之后,this仍然是dbl的,此时val为2,,到了⒉ ⒊之后,此时是直接调用的window.val = 1,然后再call改变this指向并执行,此时的this指向window,并且直接覆盖了window下的val属性,所以window.val为2,最后⒋步就变为了 2+2=4。

不知道这样的想法对不对,还请指教,谢谢！

解决方案

json.dbl();//this.val = 2      ⒈
var dbl = json.dbl;            ⒉
dbl();//window.val = 2;        ⒊
alert(window.val + json.val);//2+2  4

dbl() 执行的时候，此时this 就是 window 对象，window.val = 2, 你的第四部是没有必要的

这篇关于javascript - 分析这段代码会alert什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！