迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中将函数分配给变量

作者:迹忆客 最近更新:2023/03/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(){};

在 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() 中被调用以显示结果。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

如何在 PHP 中获取时间差的分钟数

发布时间:2023/03/29 浏览次数:183 分类:PHP

本文介绍了如何在 PHP 中获取时间差的分钟数,包括 date_diff()函数和数学公式。它包括 date_diff()函数和数学公式。

PHP 中的重定向

发布时间:2023/03/29 浏览次数:136 分类:PHP

本教程演示了如何将用户从页面重定向到 PHP 中的其他页面

PHP 分页

发布时间:2023/03/29 浏览次数:66 分类:PHP

本教程介绍如何在 PHP 中对数据库行进行分页

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便