如何在 JavaScript 中使用变量存储函数名来执行该函数?


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

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

语法

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

这里,函数有一个名称和一些参数。

函数可以通过 4 种不同的方式调用。作为函数,作为方法,作为构造函数,以及通过 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-08-23

404 次浏览

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告

© . All rights reserved.