使用变量调用 javascript 类对象

Question

我是面向对象的 Javascript 的新手，并且创建了一个名为 Foo 的对象（基于一个类）和一个名为按钮的对象。要调用我可以输入的按钮console.log('foo log: ',foo.buttons)//foo log:  testButton1我想通过用一个名为 的变量替换 foo 来替换 call foo.buttons myVar。它一定很简单，但我能看到的解决方案似乎都不适用于我的情况。我认为可能存在范围问题，但不明白它是什么。我已经尝试过什么class TestClass {  constructor(    button)    {this.button = button}}const myVar = 'foo'const foo = new TestClass ('testButton1')console.log('foo log: ', foo.button)//foo log:  testButton1console.log('myVar: ', myVar)//fooconsole.log('Attempt1: ', [myVar].button)//Attempt1:  undefined//console.log('Attempt2: ', [myVar]button)//     failed to compileconsole.log('Attempt3: ', myVar.button)//Attempt3:  undefinedconsole.log('Attempt4: ', (myVar).button)//Attempt4:  undefinedconsole.log('this:', this)

Answer 1

您可以使用eval，但这可能很危险。

class TestClass {

  constructor(

    button)

    {this.button = button}

}

const myVar = 'foo'

const foo = new TestClass ('testButton1')

console.log(eval(myVar).button)