第29节:if语句(二)

101 阅读1分钟

if语句(二)

语法二:

if (条件表达式){

​ 语句……

}

else{

​ ……

}

执行流程:

if ……else……语句

  • 当该语句执行时,会先对if 后的条件表达式进行求值判断,
    • 如果该值为true,则执行 if 后的语句
    • 如果该值为false , 则执行else后的语句
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //你还没有退休
        var age = 50 ;
        if(age >= 60)
        {
            console.log("你已经退休了");
        }
       else{
           console.log("你还没有退休");
       }
        //你已经退休了
         var age = 50 ;
        if(age >= 60)
        {
            console.log("你已经退休了");
        }
       else{
           console.log("你还没有退休");
       }
        
    </script>
</head>
<body>
    
</body>
</html>

image-20211109114605990

语法三:

if (条件表达式)

{

​ 语句……

}

else if (条件表达式)

{

​ 语句……

}

else if (条件表达式)

{

​ 语句……

}

else{

​ ……

}

执行流程:

if ……else…… if ……else……

  • 当该语句执行时,会从上到下一次对条件表达式进行求值判断
    • 如果值为true,则执行当前语句
    • 如果值为false,则继续向下判断
    • 如果所有的条件都不满足,则执行最后一个else后的语句
    • 该语句中,只会有一个代码块被执行,一旦代码块执行了,则直接结束语句
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
    var age = 60;

    if(age > 100)//由大到
    {
        console.log("活着挺没意思的~~")
    }
    else if (age > 80)
    {
        console.log("你也老大不小了~~")
    }
    else if (age > 60)
    {
        console.log("你也退休了~~")
    }
    else if (age > 30)
    {
        console.log("你已经中年了~~")
    }
    else if (age > 17)
    {
        console.log("你已经成年了~~")
    }
    else{
        console.log("你还是个小孩子")
    }
    </script>
</head>
<body>
    
</body>
</html>

image-20211109123550342