从HTML <select>

调用类的构造函数在ECMAScript中6，说我有几个类：从HTML <select>

class A { 
    constructor() {...} 
    methodA() {...} 
} 
class B { 
    constructor() {...} 
    methodB() {...} 
}

我希望用户能够选择这些类别从<select>菜单实例。这里是什么，我已经试过（不成功）草图：

<html> 
<body onload="init()"> 
<select id="my_select"></select> 
</body> 
</html>

的<select>得到由init()填充：

function init() { 
    var select = document.getElementById("my_select") 
    var option = document.createElement("option") 
    option.value = A.constructor 
    option.text = A.name 
    select.add(option) 
    // ditto for B 
}

然后在以后的某个时候，我想构建什么选择：

var X = document.getElementById("my_select").value 
var x = new X // doesn't work

这样做的最佳方法是什么？我的方法完全错误吗？

来源

2016-04-15 aslanides

类放在然后可以通过字串值以后引用的对象。

class A { 
    constructor() {} 
    methodA() {} 
} 
class B { 
    constructor() {} 
    methodB() {} 
} 

let classMemory = { 
    A, // Since you are using es6, you can do this 
    B 
};

然后，在init功能，你会怎么做：

option.value = A.name; // Not using the constructor 
option.text = A.name;

最后，这个工程：

var x = new classMemory[document.getElementById("my_select").value];

来源

2016-04-15 02:00:08 KevBot

伟大的答案！干杯。 – aslanides

无论这是否是您尝试使用的任务的最佳方法我不确定但是如果您希望这样做，您可以使用eval函数来允许您执行动态生成的JavaScript代码。

eval('var x = new' + X);

显然需要调整以适应您的需求。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval

来源

2016-04-15 01:47:10

回答

相关问题