JS流程控制(if ,else if,else)

Zeddm

于 2024-04-22 04:47:00 发布

阅读量654

点赞数 17

分类专栏：前端三部曲文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/h1008685/article/details/137929918

版权

前端三部曲专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JS (if elseif else)基础用法

`if` 语句

if语句用于测试一个条件是否为真。如果条件为真（即，条件表达式的计算结果为真），则执行if块内的代码。

if (condition) {
// 这段代码仅当condition为真时执行
}

`else if` 语句

else if语句是在if语句的条件不成立时的另一种选择。可以链式地使用多个else if来检查多个条件。和if一样，只有当指定的条件为真时，对应的代码块才会被执行。

if (condition1) {
    // 当condition1为真时执行
} else if (condition2) {
    // 当condition1不为真且condition2为真时执行
}
// 可以继续添加更多的else if

`else` 语句

else语句用于在所有的if和else if条件都不为真时执行一段代码。它总是最后考虑的选项，并且只会在没有其他条件成立时执行。

if (condition1) {
    // 当condition1为真时执行
} else if (condition2) {
    // 当condition1不为真且condition2为真时执行
} else {
    // 当所有的if和else if中的条件都不为真时执行
}

执行逻辑

从if语句开始，JavaScript引擎会按顺序检查每个条件。
如果找到一个为真的条件，就会执行该条件下面的代码块，然后跳过所有的else if和else语句。
如果所有的if和else if条件都不为真，那么就会执行else块中的代码（如果提供了else语句的话）。

注意事项

if、else if和else后面的条件必须使用圆括号()包裹。
一旦一个条件为真，后续的条件将不会被检查或执行。
如果没有提供else语句，并且所有的if和else if条件都不为真，那么没有任何代码会被执

年龄判断代码实例

源码

if-else.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>网吧年龄检测系统</title>
</head>
<body>
    <script>
        var a = prompt("请输入你的年龄");
        if(a>=18 && a<=60){
            alert("满足进入条件");
        }else if(a<18){
            alert("不满足通过条件");
        }else if(a>50){
            alert("年龄过高不满足进入条件");
        }else{
            alert("请输入正确的年龄");
        }
    </script>
</body>
</html>

代码解析

提示用户输入：prompt("请输入你的年龄"); 这行代码会弹出一个对话框，请求用户输入他们的年龄。用户输入的值会被存储在变量a中。

年龄验证：接下来，代码使用if语句来检查用户输入的年龄是否满足特定的条件。

if(a>=18 && a<=60)：这个条件检查用户输入的年龄是否在18岁到60岁之间（包括18岁和60岁）。如果是，执行alert("满足进入条件");，弹出一个消息框告知用户他们满足条件。

else if(a<18)：如果用户的年龄小于18岁，那么会执行alert("不满足通过条件");，告知用户他们太年轻，不满足条件。

else if(a>60)：如果用户的年龄超过60岁，会执行alert("年龄过高不满足进入条件");，告知用户他们年龄太大，不满足条件。

else：如果上述所有条件都不满足，可能是因为用户没有输入一个数字或者输入了一个不在预期范围内的数字。这时，会执行alert("请输入正确的年龄");，提示用户重新输入一个合适的年龄。