如何使用變數名載入 JavaScript 函式？

在本教程中，我們將學習如何使用變數名載入 JavaScript 函式。

函式是一段程式碼塊，它接收輸入並在執行後向使用者顯示結果。我們可以透過僅宣告函式來重複使用這些程式碼塊，並且這些函式可以以多種方式幫助程式設計師，因為它還可以減少工作量。

JavaScript 也像其他程式語言一樣支援函式的使用。JavaScript 中的函式可以是內建函式或使用者定義函式。

宣告和呼叫函式的方法有很多種。通常，一個簡單的函式使用其名稱在程式的任何地方呼叫自身。但也有其他方法可以呼叫函式。讓我們看看如何使用變數名載入 JavaScript 函式。

以下是允許我們使用變數名載入 JavaScript 函式的函式型別

  • 匿名函式

匿名函式

通常，我們會為函式指定一個名稱。匿名函式是沒有名稱的函式。我們只使用帶有括號的 function 關鍵字來宣告匿名函式，而不新增名稱。

我們不能僅僅透過宣告匿名函式來訪問它。我們必須將此函式儲存為變數中的一個值。然後，我們可以使用該變數來呼叫函式。使用者可以按照下面給出的語法使用匿名函式來使用變數名載入 JavaScript 函式：

語法

function() {
   // Function Body
}
//Using Arrow function
var var1= ()=>{
   //Function Body
};
//Calling function
var var_name=function() {
   // Function Body
};
var_name();

示例 1

在本例中，我們使用了匿名函式來使用變數名載入 JavaScript 函式。

<html>
<body>
   <p> Use <i> Anonymous function </i>to load a JavaScript function using
   the name of a variable. </p>
   <div id="div1"></div>
   <script>
      var anonymous = function() {
         return "This is anonymous function";
      };
      document.getElementById("div1").innerHTML = anonymous();
   </script>
</body>
</html>

在輸出中，您可以看到我們使用了匿名函式來使用變數名載入 JavaScript 函式。

示例 2

在本例中，我們使用了帶有箭頭函式的匿名函式來使用變數名載入 JavaScript 函式。

<html>
<body>
   <div id = "div1"></div>
   <script>
      var divide = ()=> {
         return 34/12;
      };
      document.getElementById("div1").innerHTML = divide();
   </script>
</body>
</html>

在這裡您可以看到我們使用了帶有箭頭函式的匿名函式來使用變數名載入 JavaScript 函式。

示例 3

在本例中，我們使用了匿名函式來透過單擊按鈕使用變數名載入 JavaScript 函式。

<html>
<body>
   <p> Click the "Click here" button to execute anonymous fucntion </p>
   <button onclick = "anonymous()">Click here</button>
   <div id="div1"></div>
   <script>
      var element = document.getElementById("div1");
      var anonymous = function() {
         var new_element = document.createElement('p');
         var text = document.createTextNode("Executing Anonymous function
         on click");
         new_element.appendChild(text);
         element.appendChild(new_element);
      };
   </script>
</body>
</html>

在輸出中，您可以看到我們使用了匿名函式來透過單擊按鈕使用變數名載入 JavaScript 函式。我們透過單擊按鈕在螢幕上列印了一條訊息。

我們學習瞭如何使用匿名函式，使用它我們可以使用變數名載入 JavaScript 函式。我們還使用了箭頭函式來宣告匿名函式。

更新於： 2022-09-15

1K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

立即開始
廣告