如何在 JavaScript 中获取全局对象？

Question

如果某个其他模块已加载，我想检查脚本。

if (ModuleName) {
    // extend this module
}

但是如果ModuleName不存在，那throws。

如果我知道Global Object 是什么，我可以使用它。

if (window.ModuleName) {
    // extend this module
}

但由于我希望我的模块同时适用于浏览器和node、rhino 等，我不能假设window。

据我了解，这在带有 "use strict" 的 ES 5 中不起作用；

var MyGLOBAL = (function () {return this;}()); // MyGlobal becomes null

这也会失败并抛出异常

var MyGLOBAL = window || GLOBAL

看来我只剩下了

try {
    // Extend ModuleName
} 
catch(ignore) {
}

这些情况都不会通过 JSLint。

我错过了什么吗？

Answer 1

好吧，您可以使用typeof 运算符，如果标识符不存在于作用域链的任何位置，它不会抛出ReferenceError，它只会返回"undefined":

if (typeof ModuleName != 'undefined') {
  //...
}

还请记住，全局代码上的 this 值指的是全局对象，这意味着如果您的 if 语句在全局上下文中，您可以简单地检查 this.ModuleName。

关于(function () { return this; }()); 技术，您是对的，在严格模式下，this 值将简单地为undefined。

在严格模式下，无论您身在何处，都有两种方法可以获取对 Global 对象的引用：

• 通过Function 构造函数：

  var global = Function('return this')();
  

使用Function 构造函数创建的函数不继承调用者的严格性，它们只有在以'use strict' 指令开始其主体时才是严格的，否则它们是非严格的。

此方法与任何 ES3 实现兼容。

• 通过间接的eval 调用，例如：

  "use strict";
  var get = eval;
  var global = get("this");
  

上述方法会起作用，因为在 ES5 中，对 eval 的间接调用，使用 global environment 作为 eval 代码的变量环境和词法环境。

请参阅Entering Eval Code 的详细信息，第 1 步。

但请注意，最后一个解决方案不适用于 ES3 实现，因为在 ES3 上对 eval 的间接调用将使用调用者的变量和词法环境作为 eval 代码本身的环境。

最后，您可能会发现检测是否支持严格模式很有用：

var isStrictSupported = (function () { "use strict"; return !this; })();

Answer 2

2019 年更新

对于当今所有的 Webpacks 和 Broccolis，Gulps 和 Grunts，TypeScripts 和 AltScripts，以及 create-react-apps 等，这非常没用，但如果你只是在使用普通的、旧的 VanillaJS 和你想让它同构，这可能是你最好的选择：

var global
try {
  global = Function('return this')();
} catch(e) {
  global = window;
}

即使在节点中使用--use_strict，Function 构造函数调用也会起作用，因为 Function 构造函数总是在全局非严格范围内执行。

如果 Function 构造函数失败，那是因为您在浏览器中的 CSP 标头禁用了 eval。

当然，随着 Deno 的到来（节点替换），他们也可能不允许 Function 构造函数，在这种情况下，它会返回枚举对象，如 global、module、exports、globalThis 和window，然后是彻底的全局鸭式检查...：-/

疯狂的单行解法（原创）：

var global = Function('return this')() || (42, eval)('this');

.

.

.

作品

• 在每个环境中（我测试过）
• 在严格模式下
• 甚至在嵌套范围内

2014 年 9 月 23 日更新

如果最新浏览器中的 HTTP 标头明确禁止 eval，现在这可能会失败。

一种解决方法是尝试/捕获原始解决方案，因为已知只有浏览器可以运行这种类型的 JavaScript 子集。

var global;

try {
  global = Function('return this')() || (42, eval)('this');
} catch(e) {
  global = window;
}

Example:
---

    (function () {

      var global = Function('return this')() || (42, eval)('this');
      console.log(global);

      // es3 context is `global`, es5 is `null`
      (function () {
        "use strict";

        var global = Function('return this')() || (42, eval)('this');
        console.log(global);

      }());

      // es3 and es5 context is 'someNewContext'
      (function () {

        var global = Function('return this')() || (42, eval)('this');
        console.log(global);

      }).call('someNewContext');

    }());

Tested:
---

  * Chrome v12
  * Node.JS v0.4.9
  * Firefox v5
  * MSIE 8

Why:
---

In short: it's some weird quirk. See the comments below (or the post above)


In `strict mode` `this` is never the global, but also in `strict mode` `eval` operates in a separate context in which `this` *is* always the global.

In non-strict mode `this` is the current context. If there is no current context, it assumes the global. An anonymous function has no context and hence in non-strict mode assumes the global.

Sub Rant:

There's a silly misfeature of JavaScript that 99.9% of the time just confuses people called the 'comma operator'.

    var a = 0, b = 1;
    a = 0, 1;          // 1
    (a = 0), 1;        // 1
    a = (0, 1);        // 1
    a = (42, eval);    // eval
    a('this');         // the global object

Answer 3

为什么不简单地将 this 在全局范围内用作包装函数的参数，如下所示？

(function (global) {
    'use strict';
    // Code
}(this));

Answer 4

给你:)

var globalObject = (function(){return this;})();

这应该可以在任何地方工作，例如在另一个闭包中。

编辑 - 仔细阅读您的帖子并查看有关 ES5 严格模式的部分。任何人都可以对此有所了解吗？从我记事起，这就是获取全局对象的公认方式……我当然希望它不会最终被破坏。

编辑 2 - CMS 的答案有更多关于 ES5 严格模式处理 this 的信息。

Answer 5

我认为这在 rhino、node、浏览器和 jslint 中几乎没问题（没有额外的解决方法标志） - 这有帮助吗？我错过了什么吗？

x = 1;
(function(global){
    "use strict";
    console.log(global.x);
}(this));

虽然我自己倾向于使用 window 对象，如果我确实需要无头测试，我可以使用 env.js (rhino) 或 Phantom (node)。

Answer 6

ECMAScript 将很快将其添加到其标准中： https://github.com/tc39/proposal-global

在完成之前，这是推荐的：

var getGlobal = function () {
    // the only reliable means to get the global object is
    // `Function('return this')()`
    // However, this causes CSP violations in Chrome apps.
    if (typeof self !== 'undefined') { return self; }
    if (typeof window !== 'undefined') { return window; }
    if (typeof global !== 'undefined') { return global; }
    throw new Error('unable to locate global object');
};

Answer 7

这没有通过 jslint：var Fn = Function, global = Fn('return this')();

自己试试吧：http://www.jslint.com/

这将：var Fn = Function, global = new Fn('return this')();

但根据MDN，实际上这些是同一件事：

将 Function 构造函数作为函数调用（不使用 new 运算符）与将其作为构造函数调用具有相同的效果。

Answer 8

以下解决方案适用于：

• 铬
• Node.JS
• 火狐
• MSIE
• 网络工作者

代码是：

(function (__global) {
  // __global here points to the global object
})(typeof window !== "undefined" ? window : 
   typeof WorkerGlobalScope !== "undefined" ? self :
   typeof global !== "undefined" ? global :
   Function("return this;")());

您只需将 X 更改为您想要的变量的名称

Answer 9

我之前遇到过这个问题，我对解决方案不满意，但它可以工作并通过 JSLint（假设浏览器|假设节点）：

"use strict";
var GLOBAL;
try{
    /*BROWSER*/
    GLOBAL = window;
}catch(e){
    /*NODE*/
    GLOBAL = global;
}
if(GLOBAL.GLOBAL !== GLOBAL){
    throw new Error("library cannot find the global object");
}

一旦你有了 GLOBAL var，你就可以进行检查，并在脚本类型的末尾

delete GLOBAL.GLOBAL;

Answer 10

这是我正在使用的：

"use strict";
if(this && this.hasOwnProperty && !this.hasOwnProperty('globalScope')){
    try {
        globalScope = Function('return this')();
    }catch(ex){
        if(this.hasOwnProperty('window')){
            globalScope = window;
        }else{
            throw 'globalScope not found';
        }
    }
}