一段简单的闭包函数，为什么在控制台里的输出结果和vscode里输出的结果不一样呢？

Question

var b = 20;
var a = {
  b: 15,
  fn: function() {
    var b = 30;
    return function() {
      return this.b;
    };
  }
};
console.log(a.fn()());

不应该打印20吗
但是我在vscode下打印undefined
控制台里打印20
这是为什么？新手不是很懂

Answer 1

因为运行环境不一样
第一个输出 20，是浏览器环境，因为浏览器有全局的window，var声明默认挂在了window上
第二个node环境，全局是global，但是var声明不会挂在global上，所以是undefined

你可以直接输出this看看，第一个是window，第二个是global

Answer 2

控制台里是全局环境。

但是 node 里没有真正的全局环境，他会把你的代码都放一个函数里去执行。

两个 this 都是全局对象，但是由于在 node 里，代码（包括 var）都是被一个函数里跑的，所以变量不会被加入全局对象。

Answer 3

我测试是　在node环境打印 20 undefined;
在chrome浏览器控制台打印undefined.

这么看来其实和this没有关系，而是和console.log的执行机制有关系。
console.log(xxx)在浏览器控制台其实是无效的，它不会打印出ｘｘｘ,但是会打印一个undefined。
这是因为不管在浏览器还是node，语句执行结束都会把该句的返回值打印出来，包括console.log。
console.log没有返回值（返回默认的undefined），所以你执行一句console.log在node和浏览器控制台都会打印undefined。

---

此外　a.fn()()返回20，这个在非严格模式下应该是正确的，因为未指定函数的调用者，this绑定到全局对象上，全局对象里有var声明的b。但在严格模式下，this为undefined，this.b应该报错。

Answer 4

猴年马月了，还研究什么闭包，let 不香吗？