javascript - "this"javascript 模块中的关键字

Question

我已经全局定义了以下模块:

var module = (function () {

  console.log(this);

  this.fn = function () {
    console.log(this);
  }

  return this;
})();

http://www.quirksmode.org/js/this.html :

在 JavaScript 中 |this|始终指代我们正在执行的函数的“所有者”，或者更确切地说，指代函数所属的对象。

第一次调用 console.log 将 Window 记录为 this 的值，我明白了。但是，第二次调用 console.log 也是如此。

既然this指的是函数的所有者，为什么module.fn记录Window而不是module?

当我调用fn时，我仍然必须编写module.fn，我不能编写Window.fn。由于 this 指的是 Window 我觉得这很令人困惑。

编辑:我忘记在我的示例中返回this。

Answer 1

Since this refers to the owner of the function, why does module.fn log Window and not module?

外部函数的返回值是 window 因为它不会在任何特定上下文中被调用，所以 module 最终是 window > 也是如此。

看来您应用模块模式的方式是错误的。它应该返回在其余代码中使用的公共(public)接口(interface):

var module = (function () {
  console.log(this);

  // public interface
  return {
    fn: function () {
      console.log(this);
    }
  }
})();

module.fn(); // "Object {fn: function}"