在 JavaScript 中將函式分配給變數
Muhammad Muzammil Hussain
2023年1月30日
2022年5月11日
這篇文章解釋了我們如何將宣告的函式分配給任何變數並檢查該函式是否包含引數。與變數關聯的函式可以返回任何值並將該值儲存在變數中;我們還可以根據需要多次使用其分配的變數呼叫該函式。
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
副檔名儲存該文字檔案,並使用任何預設瀏覽器開啟它。 -
你可以看到輸入表單以插入值和
提交
按鈕;使用該按鈕,你可以檢查你的價值。
在 JavaScript 中將函式分配給變數的替代方法
也將獲得相同的結果,如下所示。將函式賦值給帶有引數的變數,以傳遞值、檢查值並有條件地返回語句。
var checkEvenOdd = function(value) {
//will check passed value
if(value % 2 == 0){
return value+" is even"
}else{
return value+" is odd"
}
}
console.log(checkEvenOdd(2))
輸出:
2
在上面的例子中,checkEvenOdd
分配了一個函式,我們必須在其中傳遞一個整數值作為引數函式將使用給定的 if
條件檢查該值並返回一個字串。在下一步中,函式 checkEvenOdd()
在 console.log()
中被呼叫以顯示結果。
相關文章 - JavaScript Function
- JavaScript Lambda 函式
- JavaScript 中行內函數和匿名函式的區別
- JavaScript 中的 history.forward() 函式
- JavaScript 中函式的返回值
- JavaScript 中的 Noop 函式