【面试题】this 指向

一道有意思的面试题，考查 this 指向，如下。

var out = 25
var inner = {
  out: 20,
  func: function () {
    var out = 30
    return this.out
  }
};
console.log((inner.func, inner.func)())
console.log(inner.func())
console.log((inner.func)())
console.log((inner.func = inner.func)())
// 25 20 20 25

这种题有两个注意点：

1. 谁调用的函数，this 就指向谁。
2. , 操作符是有返回值的，返回最后一项，所以像 (inner.func, inner.func) 是返回一个函数，跟 inner 没关系了。

第一个 括号实际返回了一个函数，执行的是

function () {
  var out = 30
  return this.out
}  

即 this 指向 window，返回 25。

第二个返回 20 没什么问题。

第三个虽然有括号，但不涉及操作符的运算，可以忽略，同二。

第四个同第一个。

plus:

1. 箭头函数的 this 指向父作用域，无父作用域指向 window。
2. 只有函数会创建作用域。