blocks|key|112521|text|这个问题的答案向您展示了如何做到这一点：Javascript+equivalent+of+Python's+locals()?|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|112522|基本上，你可以说|112523|window["foo"](arg1,+arg2);|code-block|syntax|javascript|112524|或者像其他许多人建议的那样，你可以直接使用eval：|112525|eval(fname)(arg1,+arg2);|112526|虽然这是非常不安全的，除非你绝对确定你在评估什么。|112527|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/39960/javascript-locals^0|K|17|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

The answer to this other question shows you how to do that: <a href="https://stackoverflow.com/questions/39960/javascript-locals">Javascript equivalent of Python&#39;s locals()?</a>

Basically, you can say

<pre><code>window["foo"](arg1, arg2);
</code></pre>

or as many others have suggested, you can just use eval:

<pre><code>eval(fname)(arg1, arg2);
</code></pre>

although this is extremely unsafe unless you're absolutely sure about what you're eval-ing.

blocks|key|4176375|text|两件事：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4176376|避免|4176377|，这是非常危险和缓慢的|unordered-list-item|4176378|
|4176379|其次，不管你的函数存在于何处，“全局”-ness是无关紧要的。可以通过x.y['foo']()或x['y']['foo']()甚至window['x']['y']['foo']()启用x.y.foo()。你可以像这样无限期地链接。|offset|length|style|CODE|4176380|4176381|entityMap^0|0|0|0|0|Z|C|1C|F|1T|P|2K|9|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|V|8|@$K|W|L|X|M|N]|$K|Y|L|Z|M|N]|$K|10|L|11|M|N]|$K|12|L|13|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|Q|$]]

Two things: 

<ul>
<li>avoid eval, it's terribly dangerous and slow</li>
<li>secondly it doesn't matter where your function exists, "global" -ness is irrelevant. <code>x.y.foo()</code> can be enabled through <code>x.y['foo']()</code> or <code>x['y']['foo']()</code> or even <code>window['x']['y']['foo']()</code>. You can chain indefinitely like this.</li>
</ul>

blocks|key|923057|text|除非你绝对没有其他选择，否则不要使用eval。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|923058|正如前面提到的，使用这样的东西将是最好的方法：|923059|window["functionName"](arguments);|code-block|syntax|javascript|923060|然而，这将不适用于命名空间的函数：|923061|window["My.Namespace.functionName"](arguments);+//+fail|923062|这就是你该怎么做的：|923063|window["My"]["Namespace"]["functionName"](arguments);+//+succeeds|923064|为了简化这一过程并提供一定的灵活性，这里提供了一个方便的函数：|923065|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%2B%2B)+{
++++context+=+context[namespaces[i]];
++}
++return+context[func].apply(context,+args);
}|923066|你可以这样称呼它：|923067|executeFunctionByName("My.Namespace.functionName",+window,+arguments);|923068|请注意，您可以在任何上下文中传递，因此这将与上面的操作相同：|923069|executeFunctionByName("Namespace.functionName",+My,+arguments);|923070|entityMap^0|I|4|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1D|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1F|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1G|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1H|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|Y|3|Z|5|6|7|1J|8|@]|D|@]|E|$]]|$1|10|3|11|5|J|7|1K|8|@]|D|@]|E|$K|L]]|$1|12|3|13|5|6|7|1L|8|@]|D|@]|E|$]]|$1|14|3|15|5|J|7|1M|8|@]|D|@]|E|$K|L]]|$1|16|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|17|$]]

Don't use <code>eval</code> unless you absolutely, positively have no other choice.

As has been mentioned, using something like this would be the best way to do it:

<pre><code>window["functionName"](arguments);
</code></pre>

That, however, will not work with a namespace'd function:

<pre><code>window["My.Namespace.functionName"](arguments); // fail
</code></pre>

This is how you would do that:

<pre><code>window["My"]["Namespace"]["functionName"](arguments); // succeeds
</code></pre>

In order to make that easier and provide some flexibility, here is a convenience function:

<pre><code>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 &lt; namespaces.length; i++) {
 context = context[namespaces[i]];
 }
 return context[func].apply(context, args);
}
</code></pre>

You would call it like so:

<pre><code>executeFunctionByName("My.Namespace.functionName", window, arguments);
</code></pre>

Note, you can pass in whatever context you want, so this would do the same as above:

<pre><code>executeFunctionByName("Namespace.functionName", My, arguments);
</code></pre>

blocks|key|923100|text|我只是想发布一个稍微修改过的Jason+Bunting's+very+helpful+function版本。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|923101|首先，我通过向slice()提供第二个参数简化了第一条语句。最初的版本在除IE之外的所有浏览器中都运行良好。|923102|其次，我在return语句中将其替换为context；否则，当执行目标函数时，它总是指向window。|923103|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%2B%2B)+{
++++++++context+=+context[namespaces[i]];
++++}
++++return+context[func].apply(context,+args);
}|code-block|syntax|javascript|923104|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/359788/javascript-function-name-as-a-string/359910#359910^0|E|11|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Just thought I'd post a slightly altered version of <a href="https://stackoverflow.com/questions/359788/javascript-function-name-as-a-string/359910#359910">Jason Bunting's very helpful function</a>.

First, I have simplified the first statement by supplying a second parameter to slice(). The original version was working fine in all browsers except IE.

Second, I have replaced this with context in the return statement; otherwise, this was always pointing to window when the target function was being executed.

<pre><code>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 &lt; namespaces.length; i++) {
 context = context[namespaces[i]];
 }
 return context[func].apply(context, args);
}
</code></pre>

blocks|key|918686|text|你只需要通过window[<method+name>]把你的字符串转换成一个指针。示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|918687|var+function_name+=+"string";
function_name+=+window[function_name];|code-block|syntax|javascript|918688|现在你可以像使用指针一样使用它了。|918689|entityMap^0|6|L|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

You just need convert your string to a pointer by <code>window[&lt;method name&gt;]</code>.
example:

<pre><code>var function_name = "string";
function_name = window[function_name];
</code></pre>

and now you can use it like a pointer.

blocks|key|112827|text|也有一些非常有用的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112828|http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx|offset|length|112829|var+arrayMaker+=+{++
++++someProperty:+'some+value+here',++
++++make:+function+(arg1,+arg2)+{++
++++++++return+[+this,+arg1,+arg2+];++
++++},
++++execute:+function_name
};|code-block|syntax|javascript|112830|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2S|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|C]]]]

There too some very helpful way.

<a href="http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx" rel="nofollow">http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx</a>

<pre><code>var arrayMaker = { 
 someProperty: 'some value here', 
 make: function (arg1, arg2) { 
 return [ this, arg1, arg2 ]; 
 },
 execute: function_name
};
</code></pre>

blocks|key|923160|text|关于Jason和Alex的帖子的更多细节。我发现在context中添加一个默认值很有帮助。只需将context+=+context+==+undefined?+window:context;放在函数的开头。您可以将window更改为您喜欢的任何上下文，这样就不需要在每次在默认上下文中调用它时都传入相同的变量。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|923161|entityMap^0|1C|1B|2Z|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

One more detail on Jason and Alex's posts. I found it helpful to add a default value to context. Just put <code>context = context == undefined? window:context;</code> at the beginning of the function. You can change <code>window</code> to whatever your preferred context is, and then you won't need to pass in the same variable each time you call this in your default context.

blocks|key|4176682|text|如果要使用window["functionName"]调用对象的函数而不是全局函数。你可以这样做：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4176683|var+myObject=new+Object();
myObject["functionName"](arguments);|code-block|syntax|javascript|4176684|示例：|4176685|var+now=new+Date();
now["getFullYear"]()|4176686|entityMap^0|5|M|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

If you want to call a function of an object instead of a global function with <code>window["functionName"]</code>. You can do it like;

<pre><code>var myObject=new Object();
myObject["functionName"](arguments);
</code></pre>

Example:

<pre><code>var now=new Date();
now["getFullYear"]()
</code></pre>

blocks|key|112973|text|你能不能不这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112974|var+codeToExecute+=+"My.Namespace.functionName()";
var+tmpFunc+=+new+Function(codeToExecute);
tmpFunc();|code-block|syntax|javascript|112975|您还可以使用此方法执行任何其他JavaScript。|112976|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Could you not just do this:

<pre><code>var codeToExecute = "My.Namespace.functionName()";
var tmpFunc = new Function(codeToExecute);
tmpFunc();
</code></pre>

You can also execute any other JavaScript using this method.

blocks|key|113033|text|所有答案都假设可以通过全局作用域(窗口)访问函数。然而，OP并没有做出这样的假设。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|113034|如果函数位于局部作用域(也称为闭包)中，并且没有被其他局部对象引用，则会带来厄运:您必须使用eval()+AFAIK，请参阅dynamically+call+local+function+in+javascript|offset|length|style|CODE|113035|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9464921/dynamically-call-local-function-in-javascript^0|0|1A|6|1Q|19|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@$D|T|E|U|1|V]]|A|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

All the answers assume that the functions can be accessed through global scope (window). However, the OP did not make this assumption.

If the functions live in a local scope (aka closure) and are not referenced by some other local object, bad luck: You have to use <code>eval()</code> AFAIK, see
<a href="https://stackoverflow.com/questions/9464921/dynamically-call-local-function-in-javascript">dynamically call local function in javascript</a>

blocks|key|4176753|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4176754|var+command+=+"Add";
var+tempFunction+=+new+Function("Arg1","Arg2",+"window."+%2B+command+%2B+"(Arg1,Arg2)");
tempFunction(x,y);|code-block|syntax|javascript|4176755|我希望这能行得通。|4176756|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is working for me:

<pre><code>var command = "Add";
var tempFunction = new Function("Arg1","Arg2", "window." + command + "(Arg1,Arg2)");
tempFunction(x,y);
</code></pre>

I hope this works.

blocks|key|3331044|text|为了补充Jason+Bunting的回答，如果您正在使用nodejs或其他工具(这在dom+js中也可以使用)，您可以使用this而不是window+(记住:+eval是邪恶的|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|3331045|this['fun'%2B'ctionName']();|code-block|syntax|javascript|3331046|entityMap^0|1P|4|1W|6|2D|3|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|U|8|@]|E|@]|F|$J|K]]|$1|L|3|-4|5|6|7|V|8|@]|E|@]|F|$]]]|M|$]]

To add to Jason Bunting's answer, if you're using nodejs or something (and this works in dom js, too), you could use <code>this</code> instead of <code>window</code> (and remember: eval is evil:

<pre><code>this['fun'+'ctionName']();
</code></pre>

blocks|key|3331149|text|小心！|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3331150|人们应该尽量避免在JavaScript中通过字符串调用函数，原因有两个：|3331151|原因1:一些代码混淆程序会破坏您的代码，因为它们会更改函数名称，从而使字符串无效。|3331152|原因2:维护使用这种方法的代码要困难得多，因为很难定位string调用的方法的用法。|3331153|entityMap^0|0|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|S|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|M|$]]

BE CAREFUL!!!

One should try to avoid calling a function by string in JavaScript for two reasons:

Reason 1: Some code obfuscators will wreck your code as they will change the function names, making the string invalid.

Reason 2: It is much harder to maintain code that uses this methodology as it is much harder to locate usages of the methods called by a string.

blocks|key|4176871|text|惊讶地发现没有提到setTimeout。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4176872|要运行不带参数的函数：|4176873|var+functionWithoutArguments+=+function(){
++++console.log("Executing+functionWithoutArguments");
}
setTimeout("functionWithoutArguments()",+0);|code-block|syntax|javascript|4176874|要运行带参数的函数：|4176875|var+functionWithArguments+=+function(arg1,+arg2)+{
++++console.log("Executing+functionWithArguments",+arg1,+arg2);
}
setTimeout("functionWithArguments(10,+20)");|4176876|要运行深度命名空间函数，请执行以下操作：|4176877|var+_very+=+{
++++_deeply:+{
++++++++_defined:+{
++++++++++++_function:+function(num1,+num2)+{
++++++++++++++++console.log("Execution+_very+_deeply+_defined+_function+:+",+num1,+num2);
++++++++++++}
++++++++}
++++}
}
setTimeout("_very._deeply._defined._function(40,50)",+0);|4176878|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Surprised to see no mention of setTimeout.

To run a function without arguments:

<pre><code>var functionWithoutArguments = function(){
 console.log("Executing functionWithoutArguments");
}
setTimeout("functionWithoutArguments()", 0);
</code></pre>

To run function with arguments:

<pre><code>var functionWithArguments = function(arg1, arg2) {
 console.log("Executing functionWithArguments", arg1, arg2);
}
setTimeout("functionWithArguments(10, 20)");
</code></pre>

To run deeply namespaced function:

<pre><code>var _very = {
 _deeply: {
 _defined: {
 _function: function(num1, num2) {
 console.log("Execution _very _deeply _defined _function : ", num1, num2);
 }
 }
 }
}
setTimeout("_very._deeply._defined._function(40,50)", 0);
</code></pre>

blocks|key|923355|text|在我的代码中也有类似的事情。我有一个服务器生成的字符串，其中包含一个函数名，我需要将其作为第三方库的回调传递。因此，我有一段代码，它接受字符串并返回一个指向函数的“指针”，如果没有找到，则返回null。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|923356|我的解决方案非常类似于"Jason+Bunting's+very+helpful+function“*，尽管它不会自动执行，并且上下文总是在窗口上。但这可以很容易地修改。|offset|length|923357|希望这能对某些人有所帮助。|923358|/**
+*+Converts+a+string+containing+a+function+or+object+method+name+to+a+function+pointer.
+*+@param++string+++func
+*+@return+function
+*/
function+getFuncFromString(func)+{
++++//+if+already+a+function,+return
++++if+(typeof+func+===+'function')+return+func;

++++//+if+string,+try+to+find+function+or+method+of+object+(of+"obj.func"+format)
++++if+(typeof+func+===+'string')+{
++++++++if+(!func.length)+return+null;
++++++++var+target+=+window;
++++++++var+func+=+func.split('.');
++++++++while+(func.length)+{
++++++++++++var+ns+=+func.shift();
++++++++++++if+(typeof+target[ns]+===+'undefined')+return+null;
++++++++++++target+=+target[ns];
++++++++}
++++++++if+(typeof+target+===+'function')+return+target;
++++}

++++//+return+null+if+could+not+parse
++++return+null;
}|code-block|syntax|javascript|923359|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/359788/javascript-function-name-as-a-string/359910#359910|1|https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/4351575#4351575^0|0|C|11|0|1E|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]|$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

There's a very similar thing in my code.
I have a server-generated string which contains a function name which I need to pass as a callback for a 3rd party library. So I have a code that takes the string and returns a "pointer" to the function, or null if it isn't found.

My solution was very similar to "<a href="https://stackoverflow.com/questions/359788/javascript-function-name-as-a-string/359910#359910">Jason Bunting's very helpful function</a>" <a href="https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/4351575#4351575">*</a>, although it doesn't auto-execute, and the context is always on the window. But this can be easily modified.

Hopefully this will be helpful to someone.

<pre><code>/**
 * Converts a string containing a function or object method name to a function pointer.
 * @param string func
 * @return function
 */
function getFuncFromString(func) {
 // if already a function, return
 if (typeof func === 'function') return func;

 // if string, try to find function or method of object (of "obj.func" format)
 if (typeof func === 'string') {
 if (!func.length) return null;
 var target = window;
 var func = func.split('.');
 while (func.length) {
 var ns = func.shift();
 if (typeof target[ns] === 'undefined') return null;
 target = target[ns];
 }
 if (typeof target === 'function') return target;
 }

 // return null if could not parse
 return null;
}
</code></pre>

blocks|key|4176986|text|所以，就像其他人说的，最好的选择是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4176987|window['myfunction'](arguments)|code-block|syntax|javascript|4176988|像Jason+Bunting+said一样，如果你的函数名包含一个对象，它就不会工作：|offset|length|4176989|window['myobject.myfunction'](arguments);+//+won't+work
window['myobject']['myfunction'](arguments);+//+will+work|4176990|下面是我的一个函数版本，它将按名称执行所有函数(包括对象或不包括对象)：|4176991|​|4176992|my+=+{
++++code+:+{
++++++++is+:+{
++++++++++++nice+:+function(a,+b){+alert(a+%2B+","+%2B+b);+}
++++++++}
++++}
};

guy+=+function(){+alert('awesome');+}

function+executeFunctionByName(str,+args)
{
++++var+arr+=+str.split('.');
++++var+fn+=+window[+arr[0]+];
++++
++++for+(var+i+=+1;+i+<+arr.length;+i%2B%2B)
++++{+fn+=+fn[+arr[i]+];+}
++++fn.apply(window,+args);
}

executeFunctionByName('my.code.is.nice',+['arg1',+'arg2']);
executeFunctionByName('guy');|4176993|4176994|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/359910/1895428^0|0|0|1|I|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|13|8|@]|9|@$I|14|J|15|1|16]]|A|$]]|$1|K|3|L|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|S|3|P|5|6|7|1B|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

So, like others said, definitely the best option is:

<pre><code>window['myfunction'](arguments)
</code></pre>

And like <a href="https://stackoverflow.com/a/359910/1895428">Jason Bunting said</a>, it won't work if the name of your function includes an object:

<pre><code>window['myobject.myfunction'](arguments); // won't work
window['myobject']['myfunction'](arguments); // will work
</code></pre>

So here's my version of a function that will execute all functions by name (including an object or not):

<div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>my = {
 code : {
 is : {
 nice : function(a, b){ alert(a + "," + b); }
 }
 }
};

guy = function(){ alert('awesome'); }

function executeFunctionByName(str, args)
{
 var arr = str.split('.');
 var fn = window[ arr[0] ];
 
 for (var i = 1; i &lt; arr.length; i++)
 { fn = fn[ arr[i] ]; }
 fn.apply(window, args);
}

executeFunctionByName('my.code.is.nice', ['arg1', 'arg2']);
executeFunctionByName('guy');</code></pre>
</div>
</div>

blocks|key|113366|text|我认为这样做的一个优雅方法是在hash对象中定义您的函数。然后，您可以使用字符串从散列中引用这些函数。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|113367|var+customObject+=+{
++customFunction:+function(param){...}
};|code-block|syntax|javascript|113368|然后你可以调用：|113369|customObject['customFunction'](param);|113370|其中customFunction将是与对象中定义的函数匹配的字符串。|113371|更新|offset|length|style|BOLD|113372|似乎这个答案对许多同行的程序员很有帮助，所以这里有一个更新的版本。|113373|对于ES6，您还可以使用计算属性名称，这将允许您避免使用魔术字符串。|113374|​|113375|const+FunctionNames+=+Object.freeze({+
++FirstFunction:+"firstFunction",+
++SecondFunction:+"secondFunction"+
});

...

var+customObject+=+{
++[FunctionNames.FirstFunction]:+function(param){...},
++[FunctionNames.SecondFunction]:+function(param){...}
};

...

customObject[FunctionNames.FirstFunction](param);|113376|113377|entityMap^0|0|0|0|0|0|0|2|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|18|8|@$O|19|P|1A|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1B|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1C|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1D|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|10|3|X|5|6|7|1F|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|12|$]]

I think an elegant way of doing this is by defining your functions in a hash object. Then you can have a reference to those functions from the hash using the string. e.g.
<pre><code>var customObject = {
 customFunction: function(param){...}
};
</code></pre>
Then you can call:
<pre><code>customObject['customFunction'](param);
</code></pre>
Where customFunction will be a string matching a function defined in your object.
UPDATE
It seems that this answer was helpful for many fellow coders out there so here goes an updated version.
With ES6 you can additionally use Computed Property Names which will allow you to avoid magic strings.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const FunctionNames = Object.freeze({ 
 FirstFunction: "firstFunction", 
 SecondFunction: "secondFunction" 
});

...

var customObject = {
 [FunctionNames.FirstFunction]: function(param){...},
 [FunctionNames.SecondFunction]: function(param){...}
};

...

customObject[FunctionNames.FirstFunction](param);</code></pre>
</div>
</div>

blocks|key|918978|text|使用ES6，您可以按名称访问类方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|918979|class+X+{
++method1(){
++++console.log("1");
++}
++method2(){
++++this['method1']();
++++console.log("2");
++}
}
let+x++=+new+X();
x['method2']();|code-block|syntax|javascript|918980|输出将为：|918981|1
2|918982|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

With ES6 you could to access class methods by name:

<pre><code>class X {
 method1(){
 console.log("1");
 }
 method2(){
 this['method1']();
 console.log("2");
 }
}
let x = new X();
x['method2']();
</code></pre>

the output would be:

<pre><code>1
2
</code></pre>

blocks|key|919024|text|我忍不住要提另一个技巧，如果有未知数量的参数作为包含函数名的字符串的一部分传递，则会提供帮助。例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|919025|var+annoyingstring+=+'call_my_func(123,+true,+"blah")';|CODE|919026|如果您的Javascript运行在一个HTML页面上，那么您所需要的就是一个不可见的链接；您可以将一个字符串传递给onclick属性，然后调用click方法。|919027|<a+href="#"+id="link_secret"></a>|919028|$('#link_secret').attr('onclick',+annoyingstring);
$('#link_secret').click();|code-block|syntax|javascript|919029|或者在运行时创建<a>元素。|919030|entityMap^0|15|9|0|0|1J|0|1J|0|0|27|1L|7|1Z|5|0|0|1F|0|1F|0|0|0|E|8|3|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|H]|$9|18|A|19|B|H]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1A|8|@$9|1B|A|1C|B|C]|$9|1D|A|1E|B|H]]|D|@]|E|$]]|$1|M|3|N|5|O|7|1F|8|@]|D|@]|E|$P|Q]]|$1|R|3|S|5|6|7|1G|8|@$9|1H|A|1I|B|C]|$9|1J|A|1K|B|H]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|U|$]]

I can't resist mentioning another trick, which helps if you have an unknown number of arguments that are also being passed as part of the string containing the function name. For example:

<code>var annoyingstring = 'call_my_func(123, true, "blah")';</code>

If your Javascript is running on a HTML page, all you need is an invisible link; you can pass a string into the <code>onclick</code> attribute, and the call the <code>click</code> method.

<code>&lt;a href="#" id="link_secret"&gt;&lt;!-- invisible --&gt;&lt;/a&gt;</code>

<pre><code>$('#link_secret').attr('onclick', annoyingstring);
$('#link_secret').click();
</code></pre>

Or create the <code>&lt;a&gt;</code> element at runtime.

blocks|key|113559|text|在不使用eval('function()')的情况下，您可以使用new+Function(strName)创建新函数。下面的代码是使用FF，Chrome，IE测试的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|113560|<html>
<body>
<button+onclick="test()">Try+it</button>
</body>
</html>
<script+type="text/javascript">

++function+test()+{
++++try+{++++
++++++++var+fnName+=+"myFunction()";
++++++++var+fn+=+new+Function(fnName);
++++++++fn();
++++++}+catch+(err)+{
++++++++console.log("error:"%2Berr.message);
++++++}
++}

++function+myFunction()+{
++++console.log('Executing+myFunction()');
++}

</script>|code-block|syntax|javascript|113561|entityMap^0|4|I|W|L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Without using <code>eval('function()')</code> you could to create a new function using <code>new Function(strName)</code>. The below code was tested using FF, Chrome, IE.

<pre><code>&lt;html&gt;
&lt;body&gt;
&lt;button onclick="test()"&gt;Try it&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;script type="text/javascript"&gt;

 function test() {
 try { 
 var fnName = "myFunction()";
 var fn = new Function(fnName);
 fn();
 } catch (err) {
 console.log("error:"+err.message);
 }
 }

 function myFunction() {
 console.log('Executing myFunction()');
 }

&lt;/script&gt;
</code></pre>

blocks|key|4177219|text|最简单的方法是像访问has元素一样访问它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4177220|window.ClientSideValidations.forms.location_form|code-block|syntax|javascript|4177221|等同于|4177222|window.ClientSideValidations.forms['location_form']|4177223|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Easiest way is to access it like has element 

<pre><code>window.ClientSideValidations.forms.location_form
</code></pre>

is same as 

<pre><code>window.ClientSideValidations.forms['location_form']
</code></pre>

blocks|key|3331519|text|看起来很基础：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3331520|var+namefunction+=+'jspure';+//+String

function+jspure(msg1+=+'',+msg2+=+'')+{+
++console.log(msg1%2B(msg2!=''?'/'%2Bmsg2:''));
}+//+multiple+argument

//+Results+ur+test
window[namefunction]('hello','hello+again');+//+something...
eval[namefunction]+=+'hello';+//+use+string+or+something,+but+its+eval+just+one+argument+and+not+exist+multiple|code-block|syntax|javascript|3331521|现有的其他类型函数是类和查看示例nils+petersohn|offset|length|style|BOLD|3331522|entityMap^0|0|0|A|1|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Look basic:

<pre><code>var namefunction = 'jspure'; // String

function jspure(msg1 = '', msg2 = '') { 
 console.log(msg1+(msg2!=''?'/'+msg2:''));
} // multiple argument

// Results ur test
window[namefunction]('hello','hello again'); // something...
eval[namefunction] = 'hello'; // use string or something, but its eval just one argument and not exist multiple
</code></pre>

Exist other type function is class and look example nils petersohn

blocks|key|113680|text|谢谢你非常有帮助的回答。我在我的项目中使用了Jason+Bunting's+function。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|113681|我将其扩展为使用可选的超时，因为通常设置超时的方法不起作用。请参阅abhishekisnot's+question|113682|​|113683|function+executeFunctionByName(functionName,+context,+timeout+/*,+args+*/+)+{
	var+args+=+Array.prototype.slice.call(arguments,+3);
	var+namespaces+=+functionName.split(".");
	var+func+=+namespaces.pop();
	for+(var+i+=+0;+i+<+namespaces.length;+i%2B%2B)+{
		context+=+context[namespaces[i]];
	}
	var+timeoutID+=+setTimeout(
		function(){+context[func].apply(context,+args)},
		timeout
	);
++++return+timeoutID;
}

var+_very+=+{
++++_deeply:+{
++++++++_defined:+{
++++++++++++_function:+function(num1,+num2)+{
++++++++++++++++console.log("Execution+_very+_deeply+_defined+_function+:+",+num1,+num2);
++++++++++++}
++++++++}
++++}
}

console.log('now+wait')
executeFunctionByName("_very._deeply._defined._function",+window,+2000,+40,+50+);|code-block|syntax|javascript|113684|113685|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/359910#359910|1|https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/26432746#26432746^0|M|O|0|0|X|O|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|16|8|@]|9|@]|C|$K|L]]|$1|M|3|G|5|6|7|17|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|W]]]]

Thanks for the very helpful answer. I'm using <a href="https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/359910#359910">Jason Bunting's function</a> in my projects. 

I extended it to use it with an optional timeout, because the normal way to set a timeout wont work. See <a href="https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string/26432746#26432746">abhishekisnot's question</a>

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function executeFunctionByName(functionName, context, timeout /*, args */ ) {
	var args = Array.prototype.slice.call(arguments, 3);
	var namespaces = functionName.split(".");
	var func = namespaces.pop();
	for (var i = 0; i &lt; namespaces.length; i++) {
		context = context[namespaces[i]];
	}
	var timeoutID = setTimeout(
		function(){ context[func].apply(context, args)},
		timeout
	);
 return timeoutID;
}

var _very = {
 _deeply: {
 _defined: {
 _function: function(num1, num2) {
 console.log("Execution _very _deeply _defined _function : ", num1, num2);
 }
 }
 }
}

console.log('now wait')
executeFunctionByName("_very._deeply._defined._function", window, 2000, 40, 50 );</code></pre>
</div>
</div>

blocks|key|113731|text|这里有几个executeByName函数，它们工作得很好，除非name包含方括号-我遇到的问题-因为我已经动态生成了名称。因此，上面的函数在以下名称上将失败|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|113732|app.widget['872LfCHc']['toggleFolders']|113733|作为补救措施，我做了一个函数来考虑这一点，也许有人会发现它很有用：|113734|从CoffeeScript生成：|113735|var+executeByName+=+function(name,+context)+{
++var+args,+func,+i,+j,+k,+len,+len1,+n,+normalizedName,+ns;
++if+(context+==+null)+{
++++context+=+window;
++}
++args+=+Array.prototype.slice.call(arguments,+2);
++normalizedName+=+name.replace(/[\]'"]/g,+'').replace(/\[/g,+'.');
++ns+=+normalizedName.split(".");
++func+=+context;
++for+(i+=+j+=+0,+len+=+ns.length;+j+<+len;+i+=+%2B%2Bj)+{
++++n+=+ns[i];
++++func+=+func[n];
++}
++ns.pop();
++for+(i+=+k+=+0,+len1+=+ns.length;+k+<+len1;+i+=+%2B%2Bk)+{
++++n+=+ns[i];
++++context+=+context[n];
++}
++if+(typeof+func+!==+'function')+{
++++throw+new+TypeError('Cannot+execute+function+'+%2B+name);
++}
++return+func.apply(context,+args);
}|code-block|syntax|javascript|113736|为了获得更好的可读性，另请检查CoffeeScript版本：|113737|executeByName+=+(name,+context+=+window)+->
++++args+=+Array.prototype.slice.call(arguments,+2)
++++normalizedName+=+name.replace(/[\]'"]/g,+'').replace(/\[/g,+'.')
++++ns+=+normalizedName.split+"."
++++func+=+context
++++for+n,+i+in+ns
++++++++func+=+func[n]

++++ns.pop()
++++for+n,+i+in+ns
++++++++context+=+context[n];
++++if+typeof+func+!=+'function'
++++++++throw+new+TypeError+'Cannot+execute+function+'+%2B+name
++++func.apply(context,+args)|113738|entityMap^0|5|D|11|3|0|0|13|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|12|8|@$9|13|A|14|B|C]]|E|@]|F|$]]|$1|I|3|J|5|6|7|15|8|@]|E|@]|F|$]]|$1|K|3|L|5|6|7|16|8|@]|E|@]|F|$]]|$1|M|3|N|5|O|7|17|8|@]|E|@]|F|$P|Q]]|$1|R|3|S|5|6|7|18|8|@]|E|@]|F|$]]|$1|T|3|U|5|O|7|19|8|@]|E|@]|F|$P|Q]]|$1|V|3|-4|5|6|7|1A|8|@]|E|@]|F|$]]]|W|$]]

There are several <code>executeByName</code> functions here which works fine, unless name contains square brackets - issue I ran into - as I have dynamically generated names. So above functions will fail on names like

<code>app.widget['872LfCHc']['toggleFolders']</code>

As a remedy, I've made function to take this into account too, maybe someone will find it usefull:

Generated from CoffeeScript:

<pre><code>var executeByName = function(name, context) {
 var args, func, i, j, k, len, len1, n, normalizedName, ns;
 if (context == null) {
 context = window;
 }
 args = Array.prototype.slice.call(arguments, 2);
 normalizedName = name.replace(/[\]'"]/g, '').replace(/\[/g, '.');
 ns = normalizedName.split(".");
 func = context;
 for (i = j = 0, len = ns.length; j &lt; len; i = ++j) {
 n = ns[i];
 func = func[n];
 }
 ns.pop();
 for (i = k = 0, len1 = ns.length; k &lt; len1; i = ++k) {
 n = ns[i];
 context = context[n];
 }
 if (typeof func !== 'function') {
 throw new TypeError('Cannot execute function ' + name);
 }
 return func.apply(context, args);
}
</code></pre>

For better readability check also CoffeeScript version:

<pre><code>executeByName = (name, context = window) -&gt;
 args = Array.prototype.slice.call(arguments, 2)
 normalizedName = name.replace(/[\]'"]/g, '').replace(/\[/g, '.')
 ns = normalizedName.split "."
 func = context
 for n, i in ns
 func = func[n]

 ns.pop()
 for n, i in ns
 context = context[n];
 if typeof func != 'function'
 throw new TypeError 'Cannot execute function ' + name
 func.apply(context, args)
</code></pre>

blocks|key|4177402|text|您也可以在eval("functionname+as+string")中调用javascript函数。如下所示：(eval是纯javascript函数)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4177403|function+testfunc(){
++++return+"hello+world";
}

$(+document+).ready(function()+{

+++++$("div").html(eval("testfunc"));
});|code-block|syntax|javascript|4177404|工作示例：https://jsfiddle.net/suatatan/24ms0fna/4/|4177405|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/suatatan/24ms0fna/4/^0|5|U|0|0|5|15|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can call javascript function within the <code>eval("functionname as string")</code> either. Like below: (eval is pure javascript function)

<pre><code>function testfunc(){
 return "hello world";
}

$( document ).ready(function() {

 $("div").html(eval("testfunc"));
});
</code></pre>

Working example: <a href="https://jsfiddle.net/suatatan/24ms0fna/4/" rel="nofollow noreferrer">https://jsfiddle.net/suatatan/24ms0fna/4/</a>

blocks|key|113867|text|这是我对Jason+Bunting/+Alex+Nazarov的优秀答案的贡献，其中我包含了Crashalot请求的错误检查。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|113868|考虑到这个(人为的)前言：|113869|a+=+function(+args+)+{
++++console.log(+'global+func+passed:'+);
++++for(+var+i+=+0;+i+<+arguments.length;+i%2B%2B+)+{
++++++++console.log(+'->+'+%2B+arguments[+i+]+);
++++}
};
ns+=+{};
ns.a+=+function(+args+)+{
++++console.log(+'namespace+func+passed:'+);
++++for(+var+i+=+0;+i+<+arguments.length;+i%2B%2B+)+{
++++++++console.log(+'->+'+%2B+arguments[+i+]+);+
++++}
};
name+=+'nsa';
n_s_a+=+[+'Snowden'+];
noSuchAgency+=+function(){};|code-block|syntax|javascript|113870|然后使用以下函数：|113871|function+executeFunctionByName(+functionName,+context+/*,+args+*/+)+{
++++var+args,+namespaces,+func;

++++if(+typeof+functionName+===+'undefined'+)+{+throw+'function+name+not+specified';+}

++++if(+typeof+eval(+functionName+)+!==+'function'+)+{+throw+functionName+%2B+'+is+not+a+function';+}

++++if(+typeof+context+!==+'undefined'+)+{+
++++++++if(+typeof+context+===+'object'+&&+context+instanceof+Array+===+false+)+{+
++++++++++++if(+typeof+context[+functionName+]+!==+'function'+)+{
++++++++++++++++throw+context+%2B+'.'+%2B+functionName+%2B+'+is+not+a+function';
++++++++++++}
++++++++++++args+=+Array.prototype.slice.call(+arguments,+2+);

++++++++}+else+{
++++++++++++args+=+Array.prototype.slice.call(+arguments,+1+);
++++++++++++context+=+window;
++++++++}

++++}+else+{
++++++++context+=+window;
++++}

++++namespaces+=+functionName.split(+"."+);
++++func+=+namespaces.pop();

++++for(+var+i+=+0;+i+<+namespaces.length;+i%2B%2B+)+{
++++++++context+=+context[+namespaces[+i+]+];
++++}

++++return+context[+func+].apply(+context,+args+);
}|113872|将允许您通过存储在字符串中的名称调用javascript函数，该字符串可以是命名空间的，也可以是全局的，使用或不使用参数(包括Array对象)，提供遇到的任何错误的反馈(希望能捕获它们)。|113873|示例输出显示了它的工作原理：|113874|//+calling+a+global+function+without+parms
executeFunctionByName(+'a'+);
++/*+OUTPUT:
++global+func+passed:
++*/

//+calling+a+global+function+passing+a+number+(with+implicit+window+context)
executeFunctionByName(+'a',+123+);
++/*+OUTPUT:
++global+func+passed:
++->+123
++*/

//+calling+a+namespaced+function+without+parms
executeFunctionByName(+'ns.a'+);
++/*+OUTPUT:
++namespace+func+passed:
++*/

//+calling+a+namespaced+function+passing+a+string+literal
executeFunctionByName(+'ns.a',+'No+Such+Agency!'+);
++/*+OUTPUT:
++namespace+func+passed:
++->+No+Such+Agency!
++*/

//+calling+a+namespaced+function,+with+explicit+context+as+separate+arg,+passing+a+string+literal+and+array+
executeFunctionByName(+'a',+ns,+'No+Such+Agency!',+[+007,+'is+the+man'+]+);
++/*+OUTPUT:
++namespace+func+passed:
++->+No+Such+Agency!
++->+7,is+the+man
++*/

//+calling+a+global+function+passing+a+string+variable+(with+implicit+window+context)
executeFunctionByName(+'a',+name+);
++/*+OUTPUT:
++global+func+passed:
++->+nsa
++*/

//+calling+a+non-existing+function+via+string+literal
executeFunctionByName(+'n_s_a'+);
++/*+OUTPUT:
++Uncaught+n_s_a+is+not+a+function
++*/

//+calling+a+non-existing+function+by+string+variable
executeFunctionByName(+n_s_a+);
++/*+OUTPUT:
++Uncaught+Snowden+is+not+a+function
++*/

//+calling+an+existing+function+with+the+wrong+namespace+reference
executeFunctionByName(+'a',+{}+);
++/*+OUTPUT:
++Uncaught+[object+Object].a+is+not+a+function
++*/

//+calling+no+function
executeFunctionByName();
++/*+OUTPUT:
++Uncaught+function+name+not+specified
++*/

//+calling+by+empty+string
executeFunctionByName(+''+);
++/*+OUTPUT:
++Uncaught++is+not+a+function
++*/

//+calling+an+existing+global+function+with+a+namespace+reference
executeFunctionByName(+'noSuchAgency',+ns+);
++/*+OUTPUT:
++Uncaught+[object+Object].noSuchAgency+is+not+a+function
++*/|113875|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Here is my contribution to Jason Bunting's / Alex Nazarov's excellent answers, where I include error checking requested by Crashalot.

Given this (contrived) preamble:

<pre><code>a = function( args ) {
 console.log( 'global func passed:' );
 for( var i = 0; i &lt; arguments.length; i++ ) {
 console.log( '-&gt; ' + arguments[ i ] );
 }
};
ns = {};
ns.a = function( args ) {
 console.log( 'namespace func passed:' );
 for( var i = 0; i &lt; arguments.length; i++ ) {
 console.log( '-&gt; ' + arguments[ i ] ); 
 }
};
name = 'nsa';
n_s_a = [ 'Snowden' ];
noSuchAgency = function(){};
</code></pre>

then the following function:

<pre><code>function executeFunctionByName( functionName, context /*, args */ ) {
 var args, namespaces, func;

 if( typeof functionName === 'undefined' ) { throw 'function name not specified'; }

 if( typeof eval( functionName ) !== 'function' ) { throw functionName + ' is not a function'; }

 if( typeof context !== 'undefined' ) { 
 if( typeof context === 'object' &amp;&amp; context instanceof Array === false ) { 
 if( typeof context[ functionName ] !== 'function' ) {
 throw context + '.' + functionName + ' is not a function';
 }
 args = Array.prototype.slice.call( arguments, 2 );

 } else {
 args = Array.prototype.slice.call( arguments, 1 );
 context = window;
 }

 } else {
 context = window;
 }

 namespaces = functionName.split( "." );
 func = namespaces.pop();

 for( var i = 0; i &lt; namespaces.length; i++ ) {
 context = context[ namespaces[ i ] ];
 }

 return context[ func ].apply( context, args );
}
</code></pre>

will allow you to call a javascript function by name stored in a string, either namespaced or global, with or without arguments (including Array objects), providing feedback on any errors encountered (hopefully catching them).

The sample output shows how it works:

<pre><code>// calling a global function without parms
executeFunctionByName( 'a' );
 /* OUTPUT:
 global func passed:
 */

// calling a global function passing a number (with implicit window context)
executeFunctionByName( 'a', 123 );
 /* OUTPUT:
 global func passed:
 -&gt; 123
 */

// calling a namespaced function without parms
executeFunctionByName( 'ns.a' );
 /* OUTPUT:
 namespace func passed:
 */

// calling a namespaced function passing a string literal
executeFunctionByName( 'ns.a', 'No Such Agency!' );
 /* OUTPUT:
 namespace func passed:
 -&gt; No Such Agency!
 */

// calling a namespaced function, with explicit context as separate arg, passing a string literal and array 
executeFunctionByName( 'a', ns, 'No Such Agency!', [ 007, 'is the man' ] );
 /* OUTPUT:
 namespace func passed:
 -&gt; No Such Agency!
 -&gt; 7,is the man
 */

// calling a global function passing a string variable (with implicit window context)
executeFunctionByName( 'a', name );
 /* OUTPUT:
 global func passed:
 -&gt; nsa
 */

// calling a non-existing function via string literal
executeFunctionByName( 'n_s_a' );
 /* OUTPUT:
 Uncaught n_s_a is not a function
 */

// calling a non-existing function by string variable
executeFunctionByName( n_s_a );
 /* OUTPUT:
 Uncaught Snowden is not a function
 */

// calling an existing function with the wrong namespace reference
executeFunctionByName( 'a', {} );
 /* OUTPUT:
 Uncaught [object Object].a is not a function
 */

// calling no function
executeFunctionByName();
 /* OUTPUT:
 Uncaught function name not specified
 */

// calling by empty string
executeFunctionByName( '' );
 /* OUTPUT:
 Uncaught is not a function
 */

// calling an existing global function with a namespace reference
executeFunctionByName( 'noSuchAgency', ns );
 /* OUTPUT:
 Uncaught [object Object].noSuchAgency is not a function
 */
</code></pre>

blocks|key|114005|text|++let+t0+=+()+=>+{+alert('red0')+}
++var+t1+=+()+=>{+alert('red1')+}
++var+t2+=+()+=>{+alert('red2')+}
++var+t3+=+()+=>{+alert('red3')+}
++var+t4+=+()+=>{+alert('red4')+}
++var+t5+=+()+=>{+alert('red5')+}
++var+t6+=+()+=>{+alert('red6')+}

++function+getSelection(type)+{
++++var+evalSelection+=+{
++++++'title0':+t0,
++++++'title1':+t1,
++++++'title2':+t2,
++++++'title3':+t3,
++++++'title4':+t4,
++++++'title5':+t5,
++++++'title6':+t6,
++++++'default':+function()+{
++++++++return+'Default';
++++++}
++++};
++++return+(evalSelection[type]+%7C%7C+evalSelection['default'])();
++}
++getSelection('title1');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|114006|一种更面向对象的解决方案...|unstyled|114007|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> let t0 = () =&gt; { alert('red0') }
 var t1 = () =&gt;{ alert('red1') }
 var t2 = () =&gt;{ alert('red2') }
 var t3 = () =&gt;{ alert('red3') }
 var t4 = () =&gt;{ alert('red4') }
 var t5 = () =&gt;{ alert('red5') }
 var t6 = () =&gt;{ alert('red6') }

 function getSelection(type) {
 var evalSelection = {
 'title0': t0,
 'title1': t1,
 'title2': t2,
 'title3': t3,
 'title4': t4,
 'title5': t5,
 'title6': t6,
 'default': function() {
 return 'Default';
 }
 };
 return (evalSelection[type] || evalSelection['default'])();
 }
 getSelection('title1');
</code></pre>

A more OOP solution ...

blocks|key|114072|text|你所要做的就是使用一个上下文或者定义一个你的函数所在的新上下文。您并不局限于window["f"]();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|114073|下面是我如何对一些REST服务使用一些动态调用的示例。|114074|/*+
Author:+Hugo+Reyes
@+www.teamsrunner.com

*/

++++(function+(+W,+D)+{+//+enclose+it+as+self+invoking+function+to+avoid+name+collisions.


++++//+to+call+function1+as+string
++++//+initialize+your+FunctionHUB+as+your+namespace+-+context
++++//+you+can+use+W["functionX"](),+if+you+want+to+call+a+function+at+the+window+scope.
++++var+container+=+new+FunctionHUB();


++++//+call+a+function1+by+name+with+one+parameter.

++++container["function1"]('+Hugo+');


++++//+call+a+function2+by+name.
++++container["function2"]('+Hugo+Leon');


++++//+OO+style+class
++++function+FunctionHUB()+{

++++++++this.function1+=+function+(name)+{

++++++++++++console.log('Hi+'+%2B+name+%2B+'+inside+function+1')
++++++++}

++++++++this.function2+=+function+(name)+{

++++++++++++console.log('Hi'+%2B+name+%2B+'+inside+function+2+')
++++++++}
++++}

})(window,+document);+//+in+case+you+need+window+context+inside+your+namespace.|code-block|syntax|javascript|114075|如果你想从一个字符串生成整个函数，那就是一个不同的答案。还请注意，您并不局限于单个名称空间，如果名称空间以my.name.space.for.functions.etc.etc.etc形式存在，则名称空间的最后一个分支包含作为my.name.space.for.functions.etc.etc["function"]();的函数|114076|希望能有所帮助。H.|114077|entityMap^0|12|E|0|0|0|1H|13|35|1E|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

all you have to do is use a context or define a new context where you function(s) reside. 
you are not limited to <code>window["f"]();</code>

here is an example of how I use some dynamic invocation for some REST services.

<pre><code>/* 
Author: Hugo Reyes
@ www.teamsrunner.com

*/

 (function ( W, D) { // enclose it as self invoking function to avoid name collisions.


 // to call function1 as string
 // initialize your FunctionHUB as your namespace - context
 // you can use W["functionX"](), if you want to call a function at the window scope.
 var container = new FunctionHUB();


 // call a function1 by name with one parameter.

 container["function1"](' Hugo ');


 // call a function2 by name.
 container["function2"](' Hugo Leon');


 // OO style class
 function FunctionHUB() {

 this.function1 = function (name) {

 console.log('Hi ' + name + ' inside function 1')
 }

 this.function2 = function (name) {

 console.log('Hi' + name + ' inside function 2 ')
 }
 }

})(window, document); // in case you need window context inside your namespace.
</code></pre>

If you want to generate the entire function from a string, that's a different answer.
also please notice that you are not limited to a single name space, if you name space exists as <code>my.name.space.for.functions.etc.etc.etc</code> the last branch of your name space contains the function as <code>my.name.space.for.functions.etc.etc["function"]();</code>

Hope it helps.
H.

blocks|key|3331952|text|下面是我的Es6方法，它使您能够通过字符串或函数名称调用函数，还允许您将不同数量的参数传递给不同类型的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3331953|​|3331954|function+fnCall(fn,+...args)
{
++let+func+=+(typeof+fn+=="string")?window[fn]:fn;
++if+(typeof+func+==+"function")+func(...args);
++else+throw+new+Error(`${fn}+is+Not+a+function!`);
}


function+example1(arg1){console.log(arg1)}
function+example2(arg1,+arg2){console.log(arg1+%2B+"++and+++"+%2B+arg2)}
function+example3(){console.log("No+arguments!")}

fnCall("example1",+"test_1");
fnCall("example2",+"test_2",+"test3");
fnCall(example3);
fnCall("example4");+//+should+raise+an+error+in+console|code-block|syntax|javascript|3331955|3331956|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

Here is my Es6 approach which enables you to call your function by it's name as string or it's function name and also enable you to pass different numbers of arguments to different types of functions:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function fnCall(fn, ...args)
{
 let func = (typeof fn =="string")?window[fn]:fn;
 if (typeof func == "function") func(...args);
 else throw new Error(`${fn} is Not a function!`);
}


function example1(arg1){console.log(arg1)}
function example2(arg1, arg2){console.log(arg1 + " and " + arg2)}
function example3(){console.log("No arguments!")}

fnCall("example1", "test_1");
fnCall("example2", "test_2", "test3");
fnCall(example3);
fnCall("example4"); // should raise an error in console</code></pre>
</div>
</div>

blocks|key|919321|text|根据您所处的位置，您还可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|919322|this["funcname"]();
self["funcname"]();
window["funcname"]();
top["funcname"]();
globalThis["funcname"]();|code-block|syntax|javascript|919323|或者在nodejs中|919324|global["funcname"]()|919325|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Depending on where you are you can also use:

<pre><code>this["funcname"]();
self["funcname"]();
window["funcname"]();
top["funcname"]();
globalThis["funcname"]();
</code></pre>

or, in nodejs

<pre><code>global["funcname"]()
</code></pre>

blocks|key|3332058|text|人们一直说eval是危险和邪恶的，因为它可以运行任何任意的代码。但是，如果您将eval与白名单方法一起使用，假设您知道所有可能需要提前运行的函数名，那么eval就不再是一个安全问题，因为输入不再是而不是任意的。白名单是一种很好的、频繁的安全模式。下面是一个例子：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|3332059|​|3332060|function+runDynamicFn(fnName,+...args)+{
++//+can+also+be+fed+from+a+tightly+controlled+config
++const+allowedFnNames+=+['fn1',+'ns1.ns2.fn3',+'ns4.fn4'];

++return+allowedFnNames.includes(fnName)+?+eval(fnName)(...args)+:+undefined;+
}

//+test+function:
function+fn1(a)+{+
++console.log('fn1+called+with',+a)
}

runDynamicFn('alert("got+you!")')
runDynamicFn('fn1',+'foo')|code-block|syntax|javascript|3332061|3332062|entityMap^0|5|4|18|3|2Q|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|D]|$9|V|A|W|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|X|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|Y|8|@]|E|@]|F|$L|M]]|$1|N|3|H|5|6|7|Z|8|@]|E|@]|F|$]]|$1|O|3|-4|5|6|7|10|8|@]|E|@]|F|$]]]|P|$]]

People keep saying that <code>eval</code> is dangerous and evil because it can run any arbitrary code. However, if you use eval with a whitelisting approach, assuming you know all the possible function names that may need to be run in advance, then eval is no longer a security concern because the input is no longer arbitrary. Whitelisting is a good and frequent security pattern. Here's an example:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function runDynamicFn(fnName, ...args) {
 // can also be fed from a tightly controlled config
 const allowedFnNames = ['fn1', 'ns1.ns2.fn3', 'ns4.fn4'];

 return allowedFnNames.includes(fnName) ? eval(fnName)(...args) : undefined; 
}

// test function:
function fn1(a) { 
 console.log('fn1 called with', a)
}

runDynamicFn('alert("got you!")')
runDynamicFn('fn1', 'foo')</code></pre>
</div>
</div>

blocks|key|114247|text|我不认为你需要复杂的中间函数或eval，也不需要依赖于全局变量，比如window：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|114248|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");|code-block|syntax|javascript|114249|它还将与导入的函数一起使用：|114250|//+mode.js
export+function+fun1(arg)+{
++console.log(arg);
}

export+function+fun2(arg)+{
++console.log(arg);
}|114251|//+index.js
import+{+fun1,+fun2+}+from+"./mod";

const+operations+=+{
++fun1,
++fun2
};

operations["fun1"]("Hello+World");
operations["fun2"]("Hello+World");|114252|因为它使用了属性访问，所以它可以避免最小化或混淆，这与你在这里可以找到的一些答案相反。|114253|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I don't think you need complicated intermediate functions or eval or be dependent on global variables like window:
<pre class="lang-js prettyprint-override"><code>function fun1(arg) {
 console.log(arg);
}

function fun2(arg) {
 console.log(arg);
}

const operations = {
 fun1,
 fun2
};

operations[&quot;fun1&quot;](&quot;Hello World&quot;);
operations.fun2(&quot;Hello World&quot;);

// You can use intermediate variables, if you like
let temp = &quot;fun1&quot;;
operations[temp](&quot;Hello World&quot;);
</code></pre>
It will also work with imported functions:
<pre class="lang-js prettyprint-override"><code>// mode.js
export function fun1(arg) {
 console.log(arg);
}

export function fun2(arg) {
 console.log(arg);
}
</code></pre>
<pre class="lang-js prettyprint-override"><code>// index.js
import { fun1, fun2 } from &quot;./mod&quot;;

const operations = {
 fun1,
 fun2
};

operations[&quot;fun1&quot;](&quot;Hello World&quot;);
operations[&quot;fun2&quot;](&quot;Hello World&quot;);
</code></pre>
Since it is using property access, it will survive minimization or obfuscation, contrary to some answers you will find here.

blocks|key|4177900|text|这是我最终为我的一个项目实现的一个健壮且可重用的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4177901|FunctionExecutor构造函数|4177902|使用：|offset|length|style|BOLD|4177903|let+executor+=+new+FunctionExecutor();
executor.addFunction(two)
executor.addFunction(three)

executor.execute("one");
executor.execute("three");|code-block|syntax|javascript|4177904|显然，在项目中，所有需要按名称调用的函数的添加都是由一个循环完成的。|4177905|函数执行器：|4177906|function+FunctionExecutor()+{
++this.functions+=+{};

++this.addFunction+=+function+(fn)+{
++++let+fnName+=+fn.name;
++++this.functions[fnName]+=+fn;
++}

++this.execute+=+function+execute(fnName,+...args)+{
++++if+(fnName+in+this.functions+&&+typeof+this.functions[fnName]+===+"function")+{
++++++return+this.functions[fnName](...args);
++++}
++++else+{
++++++console.log("could+not+find+"+%2B+fnName+%2B+"+function");
++++}
++}

++this.logFunctions+=+function+()+{
++++console.log(this.functions);
++}
}|4177907|示例用法：|4177908|function+two()+{
++console.log("two");+
}

function+three()+{
++console.log("three");
}

let+executor+=+new+FunctionExecutor();
executor.addFunction(two)
executor.addFunction(three)

executor.execute("one");
executor.execute("three");|4177909|entityMap^0|0|0|0|3|0|0|0|0|6|0|0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@$F|13|G|14|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|15|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@$F|18|G|19|H|I]]|9|@]|A|$]]|$1|S|3|T|5|L|7|1A|8|@]|9|@]|A|$M|N]]|$1|U|3|V|5|6|7|1B|8|@$F|1C|G|1D|H|I]]|9|@]|A|$]]|$1|W|3|X|5|L|7|1E|8|@]|9|@]|A|$M|N]]|$1|Y|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Z|$]]

Here's a bit robust and reusable solution I ended up implementing for one of my projects.
A FunctionExecutor Constructor Function
Usage:
<pre><code>let executor = new FunctionExecutor();
executor.addFunction(two)
executor.addFunction(three)

executor.execute(&quot;one&quot;);
executor.execute(&quot;three&quot;);
</code></pre>
Obviously in the project the adding of all the functions that required to be called by name was done by a loop.
The function Executor:
<pre><code>function FunctionExecutor() {
 this.functions = {};

 this.addFunction = function (fn) {
 let fnName = fn.name;
 this.functions[fnName] = fn;
 }

 this.execute = function execute(fnName, ...args) {
 if (fnName in this.functions &amp;&amp; typeof this.functions[fnName] === &quot;function&quot;) {
 return this.functions[fnName](...args);
 }
 else {
 console.log(&quot;could not find &quot; + fnName + &quot; function&quot;);
 }
 }

 this.logFunctions = function () {
 console.log(this.functions);
 }
}

</code></pre>
Example Usage:
<pre><code>function two() {
 console.log(&quot;two&quot;); 
}

function three() {
 console.log(&quot;three&quot;);
}

let executor = new FunctionExecutor();
executor.addFunction(two)
executor.addFunction(three)

executor.execute(&quot;one&quot;);
executor.execute(&quot;three&quot;);
</code></pre>

I have the name of a function in JavaScript as a string. How do I convert that into a function pointer so I can call it later?

Depending on the circumstances, I may need to pass various arguments into the method too.

Some of the functions may take the form of <code>namespace.namespace.function(args[...])</code>.

How to execute a JavaScript function when I have its name as a string

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在JavaScript中，我有一个字符串形式的函数名。如何将其转换为函数指针，以便稍后调用？根据具体情况，我可能还需要向该方法传递各种参数。其中一些函数可能采用namespace.namespace.function(args[...])的形式。

问如何在名称为字符串的情况下执行JavaScript函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在名称为字符串的情况下执行JavaScript函数EN