在 JavaScript 中将函数分配给变量

Muhammad Muzammil Hussain 2023年1月30日 2022年5月11日
  1. 在 HTML 中使用 JavaScript 将函数分配给变量的示例
  2. 检查给定的 HTML 代码
  3. 在 JavaScript 中将函数分配给变量的替代方法
在 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 扩展名保存该文本文件,并使用任何默认浏览器打开它。
  • 你可以看到输入表单以插入值和提交按钮;使用该按钮,你可以检查你的价值。

在 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 Variable