请问这段代码的 this 是怎么得出的？

This topic created in 3297 days ago, the information mentioned may be changed or developed.

(function(global) {
    var foo = (function() {
        var cls = function() {
            console.log(this);
        }
        return cls;
    })();

    global.foo = foo;
})(this);

this.foo();

分析了一下这段代码，发现this.foo就是cls，所以调用this.foo()就等于调用cls()，而cls()就一个作用，输出当前的this值。

我记得this就是指当前函数的调用者，也就是foo的调用者，由this.foo()可以看出，foo的调用者就是全局对象global，那么这段程序就应该输出global才对，然而答案却不是global，答案是：{ foo: [Function: cls] }

请问这个this是怎么得出的？

8 replies • 2017-07-07 16:12:14 +08:00

Chingim

May 30, 2017

模块里的 this 并不等于 global

Chingim

May 30, 2017

而是等于 module.exports, 本来是空对象, 但是通过 this.foo = foo 添加了属性, 所以结果也就是{ foo: [Function: cls] }

searene

May 30, 2017

@Chingim 谢谢，试了试确实如此。

dangyuluo

May 30, 2017

用 global 来命名有点容易引起歧义

O3YwA1ENkb7i35XJ

May 31, 2017

```
var cls = function() {
console.log(this === global, this);
}
```

自己运行看结果, 看输出是 true, 还是 false?

O3YwA1ENkb7i35XJ

May 31, 2017

```
(function(global) {
var foo = (function() {
var cls = function() {
console.log(this === global, this, global);
}
return cls;
})();

global.foo = foo;
})(this);

this.foo();

console.log(this)
```
再加个 log 自己看.

joesonw

May 31, 2017

函数里面的 this 是往上找的, 最后 foo 是挂在 global 下面的(对象的方法), 所以给出的是 global 的值. 你不用 this, 参数传一个 object 进去也是可以的.

skyfore

Jul 7, 2017

为什么我在浏览器中运行你的代码打印出来是 Window 然后在 node 中打印出来是 global 呢。。。