如何使用变量中的函数名来执行 JavaScript 函数？

什么是 JavaScript 函数？JavaScript 中的过程等同于函数。过程是一系列用于执行任务或计算值的指令。但是，要将过程视为函数，它必须接受输入并产生结果。此外，输入和输出之间应该存在明确的联系。请按照以下语法定义函数：

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

语法

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

此处，函数具有名称和一些参数。

函数可以通过四种不同的方式调用：作为函数、作为方法、作为构造函数以及通过 call 和 apply。

本文将指导您使用变量中的函数名来调用函数。我们将使用匿名函数来实现此目的。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>

在本教程中，我们学习了如何使用变量中的函数名来执行 JavaScript 函数。这些函数用作另一个函数的参数。匿名函数在语法上比常规 JavaScript 函数更容易。

更新于：2022年8月23日

404 次浏览

启动您的 职业生涯

完成课程后获得认证

开始
广告
© . All rights reserved.