如何使用變數名載入 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年9月15日

1K+ 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.