javascript - node.js 和浏览器之间关键字 "this"的不同行为

Question

我已经尝试在 ie、firefox 和 node.js 中使用以下代码

var x = 10;
var o = { x: 15 };
function f(){
     console.log(this.x);
}
f();
f.call(o);

在浏览器中的结果是10、15，但是在node.js中的结果是undefined，15。

请向我解释一下“this”关键字在浏览器和 node.js 中的不同行为是什么？我已经阅读了很多页面，但没有任何明显的答案。提前致谢。

Answer 1

在 Nodejs 中加载的 Javascript 文件会自动包装在匿名函数中。

所以在 Node 中你真正运行的是:

(function(/* There are args here, but they aren't important for this answer */){
  var x = 10;
  var o = { x: 15 };
  function f(){
    console.log(this.x);
  }
  f();
  f.call(o);
})();

浏览器不会这样做。问题是现在在 Node 中 x 只是函数范围内的一个普通变量，它不是全局范围的一部分。当您以这种方式调用 f() 时，f 中的 this 是全局作用域。

如果直接将 x 放在全局范围内，它在两种情况下都有效。

this.x = 10;

这会将 x 放在浏览器的 window 全局对象上，以及 global 的 Node 全局对象上。

通常，您不会在 Node 中全局加载内容，而是将代码分组到模块中，如 described here .有关于您可以访问的各种全局事物的信息here .还有如果你对wrapper好奇的话可以看看here .