在 JavaScript 中將函式分配給變數

Muhammad Muzammil Hussain 2023年10月12日

JavaScript JavaScript Function JavaScript Variable

在 HTML 中使用 JavaScript 將函式分配給變數的示例
檢查給定的 HTML 程式碼
在 JavaScript 中將函式分配給變數的替代方法

這篇文章解釋了我們如何將宣告的函式分配給任何變數並檢查該函式是否包含引數。與變數關聯的函式可以返回任何值並將該值儲存在變數中；我們還可以根據需要多次使用其分配的變數呼叫該函式。

var variable_name = function functionName() {};

在 HTML 中使用 JavaScript 將函式分配給變數的示例

我們將為變數 checkValue 分配一個函式，該變數將識別使用者給定的值是偶數還是奇數。每當使用者在 input 中插入一個值並按下 submit 按鈕時，就會觸發該函式；必須呼叫該函式並顯示一個警告框，提示值是偶數或值是奇數。

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | Assign Function to Variable Example
    </title>
 
    <script type="text/javascript">
    </script>
 
</head>
 
<body>
 
    <h2>Hi Users Check your choosen value is a even or odd.</h2>
   <form id="form" onsubmit="return false;">
    <input type="text" id="userInput" maxlength="1" placeholder="Enter any number" />
    <input  type="submit" onclick="checkValue();" />
</form>

<script>
    // function to check value is even or odd
var checkValue = function() {
    var givenValue = document.getElementById("userInput").value;
if(givenValue % 2 == 0){
  alert(givenValue+" is even")
}
else {
   alert(givenValue+" is odd")
}

}
</script>
 
</body>
<html>

在上面的 HTML 頁面原始碼中，你可以看到一個簡單的數字輸入表單型別來從使用者那裡獲取整數值，還有一個 提交 按鈕來提交值並繼續執行功能。

在這裡，你可以看到 <script> 標籤，這是在 doctype HTML 中使用 JavaScript 語句所必需的。我們已經為我們在這些標籤中宣告的變數 checkValue 分配了一個函式。

該函式在變數 givenValue 中包含一個使用者給定的值。在下一步中，我們使用帶有模運算子 (%) 的條件語句來檢查給定值的餘數是否等於 2。

在下一步中，function() 只是根據條件向使用者顯示一個警告框，其中包含 給定值是偶數 或 給定值是奇數。

檢查給定的 `HTML` 程式碼

按照以下所有步驟對程式碼有一個清晰的理解：

var variable_name = function functionName() {};

使用記事本或任何其他文字編輯工具建立文字文件。
將給定的程式碼貼上到建立的文字檔案中。
使用 .html 副檔名儲存該文字檔案，並使用任何預設瀏覽器開啟它。
你可以看到輸入表單以插入值和提交按鈕；使用該按鈕，你可以檢查你的價值。