node.js 模块和函数中“this”的含义

Question

我有一个由 require 加载的 JavaScript 文件。

// loaded by require()

var a = this; // "this" is an empty object
this.anObject = {name:"An object"};

var aFunction = function() {
    var innerThis = this; // "this" is node global object
};

aFunction();

(function(anyParameter){
    console.log(anyParameter.anObject);
})(
    this // "this" is same having anObject. Not "global"
);

我的问题是：this in var a = this; 是一个空对象，而函数中的 this 语句是 node.js 全局对象的影子。我知道this 关键字在函数中是不同的，但我不明白为什么首先this 不等于全局，而函数中的this 等于全局。

node.js 如何在函数作用域内将global 注入this，为什么不将其注入到模块作用域？

Answer 1

您必须了解以下几个基本事实才能澄清情况：

• 在 Node 模块的顶层代码中，this 等价于 module.exports。那就是你看到的空对象。

• 当您在函数内部使用this 时，this 的值在函数每次执行之前重新确定，其值为determined by how the function is executed。这意味着如果调用机制不同（例如aFunction() 与aFunction.call(newThis) 与emitter.addEventListener("someEvent", aFunction); 等），完全相同的函数对象的两次调用可能具有不同的this 值。在您的情况下，aFunction()在非严格模式下运行函数并将this 设置为全局对象。

• 当 JavaScript 文件 required 作为 Node 模块时，Node 引擎在包装函数内运行模块代码。调用该模块包装函数时将this 设置为module.exports。 （回想一下，上面的函数可以使用任意的this 值运行。）

因此，您会得到不同的 this 值，因为每个 this 驻留在不同的函数中：第一个在节点创建的模块包装函数内部，第二个在 aFunction 内部。

Answer 2

要理解这一点，您需要了解 Node.js 实际上将您的模块代码包装到一个函数中，就像这样

(function (exports, require, module, __filename, __dirname) {
    var test = function(){
        console.log('From test: '  + this);
    };
    console.log(this);
    test();
});

详细解释见this answer。

---

现在，这个包装的函数是actually invoked like this

var args = [self.exports, require, self, filename, dirname];
return compiledWrapper.apply(self.exports, args);

所以，this，在模块级别，实际上是exports 对象。

你可以这样确认

console.log(this, this === module.exports);
// {} true

Answer 3

总结：

在 Javascript 中，this 的值在函数被调用时确定。不是在创建函数时。在模块最外层范围的 nodeJS 中，this 的值是当前的module.exports 对象。当函数作为对象的属性被调用时， this 的值将更改为被调用的对象。您可以通过 left-of-the-dot 规则简单地记住这一点：

调用函数时，您可以通过查看函数调用的位置来确定this 的值。点左侧的对象是this 的值。如果点的左侧没有对象，则this 的值是module.exports 对象（浏览器中的window）。

注意事项：

• 此规则不适用于没有自己绑定this 的es2015 箭头函数。
• 函数call、apply 和bind 可以改变关于this 值的规则。

示例（NodeJS）：

console.log(this);  // {} , this === module.exports which is an empty object for now

module.exports.foo = 5;

console.log(this);  // { foo:5 }

let obj = {
    func1: function () { console.log(this); },
    func2: () => { console.log(this); }
}

obj.func1();  // obj is left of the dot, so this is obj
obj.func2();  // arrow function don't have their own this
              // binding, so this is module.exports, which is{ foo:5 } 

输出：

Answer 4

这是因为 Node.js 模块中的默认全局对象是 exports 对象，而您调用的 test() 没有指定 this。在传统 JS 中，this 指向全局对象，use strict，this 将为空。

this 可以指向任何东西，这取决于你如何称呼它。

• test()：使用全局对象（exports）作为this，除非在严格模式下，其中this将为空；
• test.call({}) 或test.apply({})：您正在指定使用什么作为this（第一个参数）
• var obj = {testRef: test}; obj.testRef()：this设置在.的左边，即obj

---

反击thefourtheye's answer

确实，模块顶层的this 是exports，但这并不一定意味着test() 中的this 也指向与调用它的位置相同的东西。

---

试图证明this和全局对象都指向exports

 myGLobal = 5;
 this.myGlobal; // 5