关于js作用域的问题

Question

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

为什么

(foo.bar = foo.bar)()   
(foo.bar, foo.bar)()

会输出结果10