前端面试每日一练小题1

题目

输入如下代码，问输出什么

 var x = 20
  var temp = {
      x: 40,
    foo: function () {
        var x = 10
        console.log(this.x)
    }
  }
  (temp.foo,temp.foo)() // 输出?

（答案在最下面~）

解析

(temp.foo,temp.foo)() 是逗号表达式，从左到右执行,右边的赋值 相当于

(function () {
    var x = 10
    console.log(this.x)
})() 

这里this指向window

详细解析

从逗号表达式、匿名函数的角度扫盲：

1. 逗号表达式

逗号表达式，从左到右执行，取最右边的赋值
例子：

let a = 1;
let b = 2;
let c = 0;
c = (a++,b++,a+b);
console.log(c) // 5

2. 匿名函数

(temp.foo,temp.foo)() 相当于一个匿名函数
从左到右执行，
先执行逗号左边的temp.foo，这就是一个取了对象里面的方法，并没有执行，所以没有什么用；
再执行逗号右边的temp.foo，整个表达式返回的也是这个，所以最终返回的是，temp.foo()，
temp.foo是：

function () {
    var x = 10
    console.log(this.x)
}

temp.foo() 是：执行这个匿名函数

(function () {
    var x = 10
    console.log(this.x)
}) ()

所以this指向的是 window，this.x 取的就是全局变量x，因此返回20，而不是局部作用域里面的10。

答案

20