JavaScript中if语句

柔光的暖阳◎ 2022-02-01 15:36 294阅读 0赞

**作用**  
if语句用于我们的条件判断，if()\{\}，小括号内是判断的语句，返回的是一个布尔值，true或false，在我们的实际应用中可用于开关实例，常用的格式有三种，以下练习供参考了解：

#### 1、if()\{\} ####

例子：声明变量 a、b，且赋值 a 和 b 都等于5；当 a 等于 b 时，重新对 b 赋值为10，并弹出 b 的新值

var a=5,b=5;
        if (a==b){
            b=10;
            alert(b);
        }

以上小括号内的条件判断 a==b，返回结果为true，因此b重新赋值为10，最后的alert结果则为10。

#### 2、if()\{\}else\{\} ####

例子：如果x大于y成立，则x值为y值加1，否则x值为y值减1

var x=1,y=2;
            if (x>y){
                x=y+1;
            }else{
                x=y-1;
            }
            alert(x);

当if括号里的判断条件返回为true时，执行if里的代码，否则执行else里的代码，因此以上例子最后的输出结果应为1。

#### 3、if()\{\}else if\{\}else\{\} ####

例子：如果x值为3，y值为2，如果x值大于3，y值为1，如果x值小于3，y值为4

var x=4,y;
            if (x==3){
                y=2;
            }else if (x>3) {
                y=1;
            }else{
                y=4;
            }

当if括号内的条件结果为true时执行if里面的代码，否则看else if括号内的天剑判断结果是否为true，是则执行里面的代码，否则执行最后else里面的代码，上面的例子中，x=4 ，满足else if 中的条件，因此y的最后结果应为1。

#### 以下是关于开关应用的小案例，可供参考 ####

<button id="btn">
        点击我切换背景颜色
    </button>
    <script>
        var btn=document.getElementById("btn");
        var body=document.getElementsByTagName("body")[0];
        var isRed=true;
        btn.onclick=function () {
            if (isRed) {
                body.style.backgroundColor="blue";
                isRed=false;
            }else{
                body.style.backgroundColor="red";
                isRed=true;
            }
        }
    </script>