在前端开发中，我们经常需要动态地调用不同的函数。而有时候，我们需要使用字符串来指定要调用的函数名称。这种情况下，我们可以使用一些技巧来实现。
直接使用 window 对象
JavaScript 的全局对象是 window。如果函数是全局函数，那么我们可以通过字符串来访问它。例如，有一个全局函数叫做 myFunction，我们可以这样调用它：
window['myFunction']();
这种方法非常简单，但也存在一些限制。首先，只能调用全局函数。其次，如果函数不在全局范围内（例如在一个模块或命名空间中定义），则无法直接访问。
使用 eval()
另一种方法是使用 JavaScript 内置的 eval() 函数。eval() 函数会解析传递给它的字符串，并将其作为 JavaScript 代码执行。我们可以将函数名和参数组合成一个字符串，然后将其传递给 eval() 函数。例如：
eval('myFunction()');这种方法的优点是可以调用任何函数，包括非全局函数。但是，由于 eval() 函数会执行任意传入的代码，因此存在安全风险。如果字符串是由用户输入或第三方来源创建的，则应谨慎使用。
使用 window 和 apply()
最后，我们可以结合使用 window 对象和 apply() 方法来调用函数。apply() 方法允许我们在指定的作用域内调用一个函数，并将参数作为数组传递。例如：
var functionName = 'myFunction'; window[functionName].apply(null, [arg1, arg2, ...]);
这种方法既可以调用全局函数，也可以调用非全局函数。由于我们可以手动指定作用域对象，因此也更加安全。
示例代码
下面是一些示例代码，演示了如何使用字符串调用 JavaScript 函数名：
-- -------------------- ---- ------- -- ------ ----------------------- -- ---------- --- ---- - --------- --------- -------------------------------- ------ -- ---------- --- ----------- - - ----------- ---------- - -- --- -- - -- --- ------------ - ------------- ---------------------------- -- -- ------ ------------- --------------------- -- -- ------ - ------- ------ --- ------------ - ------------- -------------------------------- ------ -------
结论
在 JavaScript 中，我们可以使用多种方法动态地调用函数名称。然而，每种方法都有其优点和限制。我们应该根据具体情况选择最合适的方法，并注意避免潜在的安全风险。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15110