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

有两种方法可以从存储在变量中的字符串调用函数。第一个是使用窗口对象方法，第二个是使用 eval() 方法。 eval() 方法较旧且已弃用。

方法 1：使用 window 对象： HTML 5 中的 window 对象引用当前窗口和其中包含的所有项目。因此，我们可以使用它来运行字符串中的函数以及函数的参数。

句法：

window[functionName](parameters)

例子：

      

    
        How to call function from string stored
        in a variable using JavaScript
    

  

    
        GeeksforGeeks
    
      
    
        How to call function from string stored
        in a variable using JavaScript 
    
      
    
        Click on the button to call the
        function in the string
    
      
    
        GeeksforGeeks is a computer
        science portal.
    
  
    
        Click here
    
      
    
      
        function changeColor(color) {
            document.querySelector('.example').style
                = `color: ${color}`;
        }
  
        function evaluateFunction() {
            stringFunction = "changeColor";
            param = 'green';
            window[stringFunction](param);
        }
    

  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法 2：使用 eval() 方法：可以使用的另一种方法是 eval() 方法。可以传递给函数的字符串可能包括 JavaScript 表达式、语句或语句序列。它还可以具有现有对象的变量和属性。这种方法的唯一问题是它被认为是不安全的，可能不被较新的浏览器支持。

句法：

eval(stringFunction)

例子：

      

    
        How to call function from string stored
        in a variable using JavaScript
    

  

    
        GeeksforGeeks
    
      
    
        How to call function from string stored
        in a variable using JavaScript 
    
      
    
        Click on the button to call the
        function in the string
    
      
    
        GeeksforGeeks is a computer
        science portal.
    
  
    
        Click here
    
      
    
      
        function changeColor(color) {
            document.querySelector('.example').style
                    = `color: ${color}`;
        }
      
        function evaluateFunction() {
            stringFunction = "changeColor('green')";
            eval(stringFunction);
        }
    

  
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：