Javascript类声明范围混乱

Question

我在最新的chrome控制台中运行下面的代码。

我认为Test类将在root的作用域中声明，所以我可以通过字符串访问构造函数，但事实并非如此。有人能解释一下，我该如何创建一个新的实例'Test'？

(() => { 
    let root = this 
    class Test {} 
    console.log(root['Test']) 
})() 

Answer 1

您可以将类附加到this，因为它不是默认连接。 然后您将能够将其作为对象属性进行访问。

见下面的代码：

(() => { 
 
    this.Test = class Test { 
 
    name() { 
 
     return "Hi 5"; 
 
    } 
 
    } 
 
    console.log('Name is ', new this['Test']().name()) 
 
    console.log('Or using window ') 
 
    console.log('Name is ', new window['Test']().name()) 
 
})()

Answer 2

(() => { 
 
    let root = this; 
 
    class Test {} 
 
    this.Test = Test; 
 
    console.log(root['Test']) 
 
})()