我有一个JavaScript函数的名称作为字符串。如何将其转换为函数指针以便稍后调用?
根据具体情况，我可能还需要将各种参数传递到方法中。
一些函数可以采用namespace.namespace.function(args[…])的形式。
当前回答
所以，就像其他人说的，最好的选择是:
window['myfunction'](arguments)
就像Jason Bunting说的，如果你的函数名包含一个对象，它就不会工作:
window['myobject.myfunction'](arguments); // won't work
window['myobject']['myfunction'](arguments); // will work
下面是我的函数版本，它将按名称执行所有函数(包括对象与否):
My = { 代码:{ 是:{ Nice:函数(a, b){警报(a + "，" + b);｝ ｝ ｝ }; Guy = function(){alert('awesome');｝ 函数executeFunctionByName(str, args) ｛ Var arr = str.split('.'); Var fn = window[arr[0]]; For (var I = 1;I < arrr .length;我+ +) {fn = fn[arr[i]];｝ fn。应用(窗口,args); ｝ executeFunctionByName(“my.code.is。Nice '， ['arg1'， 'arg2']); executeFunctionByName(“家伙”);
其他回答
不要使用eval，除非你绝对没有其他选择。
如前所述，使用这样的东西是最好的方法:
window["functionName"](arguments);
然而，这对命名空间函数不起作用:
window["My.Namespace.functionName"](arguments); // fail
你可以这样做:
window["My"]["Namespace"]["functionName"](arguments); // succeeds
为了让这更容易，并提供一些灵活性，这里有一个便利函数:
function executeFunctionByName(functionName, context /*, args */) {
var args = Array.prototype.slice.call(arguments, 2);
var namespaces = functionName.split(".");
var func = namespaces.pop();
for(var i = 0; i < namespaces.length; i++) {
context = context[namespaces[i]];
}
return context[func].apply(context, args);
}
你可以这样称呼它:
executeFunctionByName("My.Namespace.functionName", window, arguments);
注意，你可以在任何你想要的上下文中传递，所以这将和上面一样:
executeFunctionByName("Namespace.functionName", My, arguments);
也有一些非常有用的方法。
http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx
var arrayMaker = {
someProperty: 'some value here',
make: function (arg1, arg2) {
return [ this, arg1, arg2 ];
},
execute: function_name
};
所以，就像其他人说的，最好的选择是:
window['myfunction'](arguments)
就像Jason Bunting说的，如果你的函数名包含一个对象，它就不会工作:
window['myobject.myfunction'](arguments); // won't work
window['myobject']['myfunction'](arguments); // will work
下面是我的函数版本，它将按名称执行所有函数(包括对象与否):
My = { 代码:{ 是:{ Nice:函数(a, b){警报(a + "，" + b);｝ ｝ ｝ }; Guy = function(){alert('awesome');｝ 函数executeFunctionByName(str, args) ｛ Var arr = str.split('.'); Var fn = window[arr[0]]; For (var I = 1;I < arrr .length;我+ +) {fn = fn[arr[i]];｝ fn。应用(窗口,args); ｝ executeFunctionByName(“my.code.is。Nice '， ['arg1'， 'arg2']); executeFunctionByName(“家伙”);
小心! !
在JavaScript中应该尽量避免通过字符串调用函数，原因有两个:
原因1:一些代码混淆器会破坏你的代码，因为它们会改变函数名，使字符串无效。
原因2:维护使用这种方法的代码要困难得多，因为定位字符串调用的方法的用法要困难得多。
我认为你不需要复杂的中间函数或eval，也不需要依赖像window这样的全局变量:
function fun1(arg) {
console.log(arg);
}
function fun2(arg) {
console.log(arg);
}
const operations = {
fun1,
fun2
};
operations["fun1"]("Hello World");
operations.fun2("Hello World");
// You can use intermediate variables, if you like
let temp = "fun1";
operations[temp]("Hello World");
它也可以使用导入的函数:
// mode.js
export function fun1(arg) {
console.log(arg);
}
export function fun2(arg) {
console.log(arg);
}
// index.js
import { fun1, fun2 } from "./mod";
const operations = {
fun1,
fun2
};
operations["fun1"]("Hello World");
operations["fun2"]("Hello World");
因为它使用的是属性访问，所以它将在最小化或混淆中存活下来，这与您在这里找到的一些答案相反。
