如何使用變數中的函式名來執行 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 次瀏覽

啟動您的 職業生涯

完成課程後獲得認證

開始
廣告