当我将 JavaScript 函数的名称作为字符串时，如何执行该函数?
可以通过两种不同的方式从存储在变量中的字符串调用函数。第一种方法使用 window 对象方法，第二种方法使用 eval() 函数。
本教程将指导您学习如何使用 JavaScript 函数的名称作为字符串来执行该函数。
使用 window[]() 方法
在这里，要使用函数名称作为字符串来执行该函数，应使用以下语法将字符串更改为指针。
语法
var functionName = "string"; functionName = window[functionName]( parameters );
这里我们存储了一个字符串作为函数名称，并使用 window[] 调用此值。
算法
步骤 1 - 定义一个函数来显示输出
步骤 2 - 定义另一个函数，并将输出函数的名称作为字符串分配到全局变量中。如果需要，可以将参数传递给输出函数。
步骤 3 - 现在在 window[] 内调用此全局变量，执行输出函数。
示例
在下面的示例中，showOutput 是定义为显示输出的函数。winObjFunc 被定义为对存储在全局变量 strFunc 中的 showOutput 函数名称执行 window[] 操作。使用上述语法，调用 showOutput 函数并执行该函数。
<html> <body> <h2>Using the <i>window object</i> method to execute function with its string name.</h2> <p id="namStrDisp"></p> <script> function showOutput(output) { document.getElementById('namStrDisp').innerHTML = output; } function winObjFunc() { strFunc = "showOutput"; outStr = 'Output by the window object'; window[strFunc](outStr); } winObjFunc(); </script> </body> </html>
使用 eval() 方法
要使用函数名称作为字符串来执行函数，可以使用 eval()。在这种情况下，函数的参数可以是语句、表达式、变量、现有对象的属性或表达式序列。按照以下语法使用此方法。此方法的唯一缺点是浏览器支持有限，并且被认为已过时。
语法
用户可以按照以下语法使用 eval() 方法调用函数。
eval( strFunction );
与窗口对象方法类似，字符串函数名称作为参数发送到 eval() 方法。
示例
在下面的示例中，evalOutput 是定义的输出函数。全局变量 evalStr 将此函数及其参数存储为字符串。使用上面解释的语法，eval() 在变量中调用这个字符串值，然后我们得到运行的输出函数。
<html> <body> <h2>Using the <i>eval()</i> method to execute function with its string name.</h2> <p id="evlStrDisp"></p> <script> function evalOutput(info) { document.getElementById('evlStrDisp').innerHTML = info; } function evalFunc() { evalStr = "evalOutput('eval method here')"; eval(evalStr); } evalFunc(); </script> </body> </html>
在本教程中，我们了解了当 JavaScript 函数的名称为字符串时执行该函数的两种方法。
window 对象方法是最常用的方法。eval() 方法已弃用，不推荐使用。
