这道js题中this指向的问题

Question

        var a=10;                        
        var foo={                  
               a:20,            
               bar:function(){                     
                      var a=30;                       
                      return this.a;                      
               }                      
         }                        
         foo.bar()                        
         //20
                    
         (foo.bar)()                      
         //20
                  
         (foo.bar=foo.bar)()                        
         //10
                    
         (foo.bar,foo.bar)()                 
         //10
        

最后两个this为什么指向window

Answer 1

1.foo.bar=foo.bar的返回值是foo.bar的值。
赋值语句的返回值就是赋值的值。
所以 (foo.bar=foo.bar)()等同(function(){var a=30;return this.a;})()对函数的直接调用this是window。
2.(foo.bar,foo.bar)()
逗号运算符，它将先计算左边的参数，再计算右边的参数值。然后返回最右边参数的值。然后同1。

Answer 2

看到了吗？这个出来的是一个function,
然后（function(){}）()是自调用，非严格模式下，算是window调用的。
再看第二个也是作为了表达式，运算出来了。然后他也没有上下文了。作为函数自调用去做了

例子不是很好。我想想怎么再解释一下，

Answer 3

Answer 4

跑不起来呀 (foo.bar)()直接报错了。

Answer 5

第一个是对象调用，不必解释。

第二个先看左边的括号，作用是分组，功能和以下功能差不多：

(1+2)*3;//输出9

因此调用函数的对象是foo。

第三个左边的括号同样是分组，那么先看下下面的例子：

var a=9; //控制台得到undefined，毕竟var声明没有返回值

var b;
b=9;//返回的是9

那么左边括号的赋值返回的就是函数的方法体，即function(){...}这些东西。它没有具体的名字，你可以当做是一个匿名函数，而匿名函数要执行常见有以下几种方式：

(function(){console.log(1)})();
!function(){console.log(1)}();
~function(){console.log(1)}();
-function(){console.log(1)}();
+function(){console.log(1)}();

一般是前三种，具体可以自己百度下还有那些。由此可以看出右边的括号就是执行匿名函数了，而左边的括号还起到另外一个作用，看第一种匿名函数的执行可知。没有谁调用函数,this指向window。

最后一个需要知道逗号运算符的作用。它返回的是最后一个表达式的值。这里也就是函数的方法体，然后执行匿名函数。而没有谁调用函数的时候，函数中this指向window。