如何使用变量中的名称执行 JavaScript 函数?

front end technologyjavascriptweb development

JavaScript 中的函数是什么?JavaScript 中与进程等同的是一个函数。进程是执行任务或计算值的一系列指令。但是，进程必须接受输入并产生结果才能被视为函数。此外，输入和输出之间应该有明确的联系。按照以下语法定义函数

本教程将指导您学习如何使用变量中的名称执行 JavaScript 函数。

语法

function functionName( param1, param2, param3 )
{
//code
}

在这里，函数有一个名称和一些参数或参数。

函数可以通过 4 种不同的方式调用。作为函数、方法、构造函数以及通过调用和应用。

本文将指导您使用变量中的名称来调用函数。我们将使用匿名函数来实现这一点。JavaScript 中的匿名函数是一种没有名称的函数类型。我们定义为匿名的函数没有标识符。这是普通函数和匿名函数之间的区别。

匿名函数可以用作可调用参数的值。它们还用于其他目的。闭包类用于实现匿名函数。创建匿名函数后，我们无法访问它。所以我们必须将它分配到某个地方。可以使用变量来分配这些函数。可以在需要时使用变量的值。当我们需要将函数用作值时，可以使用匿名函数。

在变量中使用函数名称

在这里，我们将学习使用变量中的名称来执行 JavaScript 函数。

语法

按照以下语法来实现这一点。

var varSt = function( Param1, param2, param3 )
{
}
varSt();

此处，varSt 是保存匿名函数的变量，调用此变量来调用该函数。

算法

步骤 1 - 根据语法在变量中分配匿名函数。
步骤 2 - 调用匿名函数来执行匿名函数。
步骤 3 - 显示输出。

示例

在下面的示例中，我们将一个匿名函数分配给名为 varAno 的变量。varAno() 用于调用此匿名函数，该函数显示函数体中指定的字符串。


<html>
<body>
   <h2>Using the JavaScript <i>function name in a variable</i></h2>
   <p id="idAnoDisp"></p>
   <script>
      var varAno = function() {
         var anoDisp = document.getElementById("idAnoDisp");
         anoDisp.innerHTML = "This is an anonymous function";
      };
      varAno();
   </script>
</body>
</html>

示例

在下面的示例中，我们在名为 varNam 的变量中分配了一个名为匿名函数。当调用 varNam() 时，我们会从用户那里获取一些输入，并将此输入显示为输出。此外，我们已将参数传递给匿名函数。


<html>
<body>
   <h2>Using the <i>function name in a variable</i> and passing the arguments to the function - user input example </h2>
   <p id="idNamDisp"></p>
   <script>
      var varName = function(str) {
         var namDisp = document.getElementById("idNamDisp");
         var namVar = prompt("What kind of function are you?", "Anonymous Function");
         namDisp.innerHTML = namVar + " <br/> ";
         namDisp.innerHTML += "The string argument is " + str;
      };
      varName("TutorialsPoint");
   </script>
</body>
</html>