Question

在未知主机环境中获取ES5严格模式中global object句柄的推荐方法？

ECMAScript没有提供引用我所知道的全局对象的内置方法。如果确实如此，这就是我正在寻找的答案。

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

在网络浏览器中，我们可以使用window或self。
在node.js中，我们可以使用global。

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

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

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

如果在严格模式代码中评估此值，则不会将此值强制转换为对象。 此null或undefined的值不会转换为全局对象，并且原始值不会转换为包装器对象。通过函数调用传递的此值（包括使用Function.prototype.apply和Function.prototype.call进行的调用）不会强制将此值传递给对象（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');

看看my article;特别是在这section on strict mode。

Answer 2

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

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

Answer 3

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

那是this means the global object when in the global context，因此解决方案很简单：

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

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

Answer 4

Mathias Bynens在该主题上有出色的文章。以下内容适用于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 );
        }
    }
})();

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

4 个答案: