在严格模式下在未知环境中获取对全局对象的引用

Question

在未知主机环境中以 ES5 严格模式获取全局对象句柄的推荐方法是什么？

ECMAScript 没有提供一种内置的方式来引用我所知道的全局对象。 如果是这样，这就是我正在寻找的答案。

在已知环境中，全局对象通常具有自引用属性。 由于全局对象是全局作用域的VO ，全局对象的属性是全局变量，所以我们可以使用它们从任何地方获取全局对象的句柄：

• 在 Web 浏览器中，我们可以使用window或self 。

• 在 node.js 中，我们可以使用global 。

但是，并非所有主机环境都必须如此。 据我所知，Windows Script Host 没有提供任何访问全局对象的方法。 在 WSH 中获取全局对象的推荐方法似乎是在无法解析为对象的上下文中使用this关键字。 例如：

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

此技术适用于任何主机环境，但不适用于严格模式，因为未定义的this不会在严格模式下引用全局对象：

如果在严格模式代码中计算 this，则 this 值不会被强制转换为对象。 null 或 undefined 的 this 值不会转换为全局对象，并且原始值不会转换为包装器对象。 通过函数调用（包括使用 Function.prototype.apply 和 Function.prototype.call 进行的调用）传递的 this 值不会强制将传递的 this 值传递给对象 (10.4.3, 11.1.1, 15.3.4.3, 15.3. 4.4)。

正如预期的那样，以下代码导致undefined ：

(function(){
    "use strict";
    var GLOBAL = (function(){return this}());
    console.log(GLOBAL);
}());

---

那么，无论严格模式如何，在任何环境中获取全局对象句柄的正确方法是什么？

顺便说一句，我目前的方法是嗅探引用全局对象的全局变量，如下所示：

var self, window, global = global || window || self;

...然后只需使用global 。 我认为这是一个糟糕的解决方案，原因有很多，其中大部分是相当明显的，而且它没有解决 WSH 问题。

Answer 1

在 ES5 中，您可以通过间接 eval 调用从严格模式中获取对全局对象的引用：

"use strict";
var global = (1,eval)('this');

看看我的文章； 特别是关于严格模式的这一节。

Answer 2

在全局代码中，无论严格模式如何， thisBinding都设置为全局对象。 这意味着您可以将它从那里传递到您的模块 IEFE：

// "use strict"; or not
(function(global) {
    "use strict";
    …
    console.log(global);
    …
}(this));

Answer 3

在严格模式下，获取全局对象引用的方法是在引用自身的全局对象中分配一个变量。

那就是this意味着在全局上下文中的全局对象，所以解决方案很简单：

"use strict";
var global = global || this;
(function() { global.hello = "world"; })();
console.log(hello); // Outputs 'world' as expected

这确实意味着您必须使用对自身的引用来污染全局命名空间，但就像您说的那样，它应该已经存在了。

Answer 4

Mathias Bynens 有一篇关于这个主题的优秀文章。 以下适用于所有环境， use strict或不use strict ，包括启用 CSP 的环境，如 Chrome 扩展程序。

(function() {

    // A globalThis polyfill | # | Adapted from https://mathiasbynens.be/notes/globalthis

    if (typeof window !== 'undefined' && window && window.window === window) { return window } // all browsers
    else { // webworkers, or server-side Javascript, like Node.js
        try {
            Object.defineProperty( Object.prototype, '__magic__', { // hocus pocus
                get: function() {
                    return this;
                },
                configurable: true // This makes it possible to 'delete' the getter later
            });
            __magic__.globalThis = __magic__;
            delete Object.prototype.__magic__;

            return globalThis;
        } catch (e) {
            // we shouldn't ever get here, since all server-side JS environments that I know of support Object.defineProperty
            return (typeof globalThis === 'object') ? globalThis : ( (typeof global === 'object') ? global : this );
        }
    }
})();