怎么使用 JavaScript 从存储在字符串中的函数名称调用函数？

问题介绍

您想知道如何使用 JavaScript 从存储在字符串中的函数名称调用函数。当您需要动态地根据字符串调用不同的函数时，这种技术非常有用。JavaScript提供了一种方法来实现这一点，您可以使用eval()函数或者函数对象的形式调用函数。

解决方案

一种常见的方法是使用函数名称作为字符串，然后使用eval()函数来解析并执行该字符串。eval()函数将解析字符串并将其作为JavaScript代码执行。以下是一个示例：

const functionName = 'exampleFunction';
eval(functionName + '()');

在上面的代码中，我们定义了一个包含函数名称的字符串`functionName`，然后使用eval()函数来执行该字符串，它将调用名为`exampleFunction`的函数。

另一种方法是将函数名称作为字符串存储在一个对象中，并使用对象的属性访问运算符来调用函数。以下是一个示例：

const functions = {
  exampleFunction: function() {
    console.log('调用了示例函数！');
  }
};

const functionName = 'exampleFunction';
functions[functionName]();

在上面的代码中，我们将函数作为一个对象的属性存储，然后使用对象的属性访问运算符来调用该函数。通过将函数名称存储在变量`functionName`中，我们可以使用方括号表示法来访问对象的属性，并调用函数。

总结

通过将函数名称存储在字符串中，我们可以动态调用不同的函数。使用eval()函数或者将函数作为对象的属性来调用函数是实现这一目的的两种常见方法。eval()函数将解析并执行字符串作为JavaScript代码，而使用对象的属性访问运算符可以通过函数名称字符串来调用函数。

请注意，使用eval()函数需要谨慎，因为它可以执行任意的JavaScript代码。如果您不信任字符串的来源，或者在用户输入中使用eval()函数，可能会带来潜在的安全风险。因此，在使用eval()函数时应格外小心。另外，将函数作为对象的属性存储和调用可以提供更好的安全性和可维护性。