仅当 ES5 严格中不存在全局变量时，如何定义它？

Question

我正在 ES5 中编写 ES Harmony Symbol/Name 的实现。我将使用名称Symbol，但我希望浏览器使用任何预先存在的Symbol，以防它已经存在（在未来的浏览器中）。我希望我的代码严格符合 ES5 标准并且可移植到其他项目。

这是在非严格的 ES3/ES5 中做我想做的事情的一种方法：

(function() {

    // If Symbol already exists, we're done.
    if(typeof Symbol != 'undefined') return;

    // This becomes global because it wasn't declared with var
    Symbol = function() {
        // ...
    };

})();

但是，它不符合 ES5 严格标准，因为 Symbol 没有明确定义。

实现此目的的其他方法包括访问 window 对象 (window.Symbol = ...)，但这也不好，因为我不希望我的代码假定它在浏览器环境中运行。

在 ES5 strict 中如何做到这一点？

Answer 1

其他用户发布的答案将我引向了一个类似的 StackOverflow 问题，该问题为我提供了在 Google 中搜索以找到答案的正确术语。解决办法：

我最终能够使用indirect eval 解决这个问题，描述为here。

使用间接评估，在上面链接的文章中详细介绍，按照 ES5 规范在全局范围内执行代码。我选择采用这种方法是因为它符合 ES5 规范，并且它允许将代码从字面上删除到任何地方，甚至在包管理器的另一个函数中，仍然可以找到全局对象（提供的其他答案做不到）。

解决方案是这样的：

(function() {

    'use strict';

    var _global = (0, eval)('this');

    // If Symbol is already defined, there's nothing to do.
    if(_global.Symbol) return;

    _global.Symbol = function() {
        // ...
    };

})();

关键是使用间接eval 来检索全局对象（this 在间接eval 的上下文中）。

这应该适用于任何符合 ES5 的环境，包括我想要的现代浏览器和非浏览器环境。

感谢大家的帮助！

唯一需要注意的是，为了访问全局对象，不得不以这种间接的方式（现在更糟）使用eval（这已经够糟糕了）似乎有点骇人听闻。 global 标识符或其他访问全局对象的方法是否应该不在规范中？

Answer 2

您如何传入您希望将 Symbol 添加到的全局范围？

(function(global){
 if(typeof global.Symbol != 'undefined') return;

    // This becomes global because it wasn't declared with var
    global.Symbol = function() {
        // ...
    };

})(window);  

这会将它添加到窗口，但可能是其他范围或变量。

Answer 3

'use strict';

var Symbol = 1; // try to comment this line and run the script again

var Symbol = (function(Symbol) {


    if(typeof Symbol != 'undefined') return Symbol;

    Symbol = function() {
        // ...
    };

    return Symbol;

})(Symbol);

alert(typeof Symbol);

​

http://jsfiddle.net/f0t0n/yATJW/

'use strict';

(function(g) { // g is a global context (this passed)

    if(typeof g.Array != 'undefined') {
        return;
    }

    g.Array = function() {
        // ...
    };

    g.Array.prototype.foo = function() {
        console.log('bar');
    };
})(this);

console.log(this.Array);​

http://jsfiddle.net/f0t0n/prwaP/

Answer 4

为什么需要在匿名函数中？

// assuming global context
if (typeof this.Symbol === 'undefined') {
    this.Symbol = function () {
        // ...
    };
}

或在函数中，按照here 的描述传递this

(function (t) {
    if (typeof t.Symbol === 'undefined') {
        t.Symbol = function () {
            // ...
        };
    }
})(this);