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

Question

    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。

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

Answer 1

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, 你的第四部是没有必要的

Answer 2

window.val = 1;
    var json = {
        val:10,
        dbl:function(){
            this.val = 2;
        }
    };
    json.dbl();//这一步，通过json调用dbl方法，把json里面的val值改为2
    var dbl = json.dbl;//这步，把dbl函数赋值给dbl
    dbl();//直接调用dbl函数，函数里面的this指向window，所以把Window.val的值也改为2
    json.dbl.call(window);//跟上一句一样，再一次把window.val的值改为2
    alert(window.val + json.val);//经过上面的修改，window的val为2，json里面的val为2，所以弹出：2 + 2 = 4