Javascript ES6在全局范围内而不是在窗口范围内引用变量

Question

我正在将代码从ES5升级到ES6。 在ES5中，我通过创建一个新脚本来动态加载该函数，该脚本随后异步加载该文件。 代码如下：

loadClass : function(className) {
    if(typeof window[className] !== "function") {
        page.getCode(className, dirName);
        return;
    } ...


getCode(className) {
    var fileName = className.toLowerCase();
    var newScript = document.createElement('script');
    newScript.setAttribute("type", "text/javascript");
    newScript.setAttribute("src", '/public/js/' + fileName + '.js');
    var parmArr = [className];
    newScript.addEventListener('load', this.loadClass.bind("", parmArr));
    document.getElementsByTagName("head")[0].appendChild(newScript);
    return;
}

在ES5中，该函数加载在全局范围内，在这种情况下为window。 我在字符串中有函数/类名，可以使用window [classname]引用该类，如上面的代码所示。 在ES6中，我将调用和被调用函数更改为一个类。 现在，当它加载脚本时，它作为Myclass function（）存在于全局作用域中，但不存在于窗口作用域中，如Chrome调试器中所示，如下所示：

Myclass ()
[[Scopes]] : Scopes[2]
    0 : Script
        Myclass () : () 

我无法再使用window [classname]作为变量来引用它。 我也尝试过使用[classname]，global [classname]和Global [classname]以及this [classname]和script [classname]，但这是行不通的。

在ES6中，当类名位于变量中时，如何测试它是否已加载？ 这可能确实很容易，但却使我难以理解。

提前致谢

Answer 1

ES6的工作方式是...为了避免污染全局对象（此处为window ），您的JavaScript代码不再创建全局属性（除非您是明确的）。 在ES5中，在全局范围内使用var或function时会自动创建这些属性。 使用let ， const或class ，什么都不会发生。 考虑以下示例：

// ES5

var foo;

function qux() {}

console.log('foo' in window); // true
console.log('qux' in window); // true

// ES6

let bar;
const baz = '';

class Quux {}

console.log('bar' in window); // false
console.log('baz' in window); // false
console.log('Quux' in window); // false

window.bar = bar;
window.baz = baz;
window.Quux = Quux;

console.log('bar' in window); // true
console.log('baz' in window); // true
console.log('Quux' in window); // true