我正在动态创建一些 JavaScript，这些 JavaScript 将在构建网页时插入到网页中。
JavaScript 将用于listbox根据另一个listbox. listbox更改选择一个时，它将基于所选值调用方法名称listbox。
例如：
Listbox1 包含：
ColoursShapes如果Colours被选中，那么它将调用一个populate_Colours填充另一个listbox.
澄清我的问题：如何populate_Colours在 JavaScript 中进行调用？
假设该populate_Colours方法在全局命名空间中，您可以使用以下代码，它利用了所有对象属性都可以像对象是关联数组一样访问，并且所有全局对象实际上都是window宿主对象的属性。
var method_name = "Colours";
var method_prefix = "populate_";
// Call function:
window[method_prefix + method_name](arg1, arg2);
正如 Triptych 指出的那样，您可以通过在宿主对象的内容中找到它来调用任何全局作用域函数。
一种对全局命名空间污染更少的更简洁的方法是将函数直接显式地放入数组中，如下所示：
var dyn_functions = [];
dyn_functions['populate_Colours'] = function (arg1, arg2) {
// function body
};
dyn_functions['populate_Shapes'] = function (arg1, arg2) {
// function body
};
// calling one of the functions
var result = dyn_functions['populate_Shapes'](1, 2);
// this works as well due to the similarity between arrays and objects
var result2 = dyn_functions.populate_Shapes(1, 2);
这个数组也可以是某个对象的属性，而不是全局宿主对象，这意味着你可以像许多 JS 库（如 jQuery）一样有效地创建自己的命名空间。如果/当您在同一页面中包含多个单独的实用程序库时，这对于减少冲突很有用，并且（设计的其他部分允许）可以更轻松地在其他页面中重用代码。
您也可以使用这样的对象，您可能会发现它更简洁：
var dyn_functions = {};
dyn_functions.populate_Colours = function (arg1, arg2) {
// function body
};
dyn_functions['populate_Shapes'] = function (arg1, arg2) {
// function body
};
// calling one of the functions
var result = dyn_functions.populate_Shapes(1, 2);
// this works as well due to the similarity between arrays and objects
var result2 = dyn_functions['populate_Shapes'](1, 2);
请注意，对于数组或对象，您可以使用任何一种方法来设置或访问函数，当然也可以在其中存储其他对象。您可以通过使用 JS 文字表示法来进一步减少对于非动态内容的任一方法的语法，如下所示：
var dyn_functions = {
populate_Colours:function (arg1, arg2) {
// function body
};
, populate_Shapes:function (arg1, arg2) {
// function body
};
};
编辑：当然，对于更大的功能块，您可以将上述内容扩展为非常常见的“module模式”，这是一种以有组织的方式封装代码功能的流行方式。
我会建议不要使用global/ window/eval用于此目的。
相反，这样做：
将所有方法定义为 Handler 的属性：
var Handler={};
Handler.application_run = function (name) {
console.log(name)
}
现在这样称呼
var somefunc = "application_run";
Handler[somefunc]('jerry');
输出：杰瑞
从不同文件导入函数的情况
import { func1, func2 } from "../utility";
const Handler= {
func1,
func2
};
Handler["func1"]("sic mundus");
Handler["func2"]("creatus est");
你可以这样做：
function MyClass() {
this.abc = function() {
alert("abc");
}
}
var myObject = new MyClass();
myObject["abc"]();
在ServiceWorkeror 中Worker，替换window为self：
self[method_prefix + method_name](arg1, arg2);
Worker 无权访问 DOM，因此window是无效引用。用于此目的的等效全局范围标识符是self。