这个关键字在 NodeJS 和 Vanila JavaScript 之间的作用不同

Question

我正在尝试了解 JavaScript 词法范围和闭包。我使用 Node.js 运行了这个示例，然后在浏览器中得到了 2 个不同的输出。测试chrome Version 80.0.3987.149 (Official Build) (64-bit)和Node v12.16.1var obj1 = {        name: "Pulsar",        bike: function() {          console.log(this.name);        }      }      var obj2 = { name: "Gixxer", bike: obj1.bike };      var name = "Ninja";      var bike = obj1.bike;            bike();           // "Ninja"      obj1.bike();      // "Pulsar"      obj2.bike();      // "Gixxer"这段代码在Vanilla JavaScript. 输出是：Ninja PulserGixxer在NodeJS输出中是：undefinedPulsarGixxer有人可以解释一下吗？

Answer 1

在浏览器中，顶级范围是全局范围。这意味着当你用它定义某些东西时，var它就变成了全局对象的一个属性，即window.

所以bikeandname都定义在全局范围内，这意味着它们都是window属性，所以this指向window并且它有一个name属性，值为Ninja。

在node中，全局范围内的任何var都定义在不同的本地模块中，因此this与变量bike无关name

Answer 2

在浏览器中，window对象是全局this对象，所有变量都被分配为其属性。在节点中，没有这样的对象。有一个this( {})globalThis和module，但是模块变量没有被分配给它们，而是在内存中分配。