javascript中所有if else 和 else if的区分和解决

在使用javascript的if… else, if… if… else和if… else if的时候是不是被搞晕了,傻傻分不清?一下我来带大家分析一下。
情况一:if… else…

var num=10; if(num>2){ console.log('num>2') } else{ console.log('num>10') }// 输出num>2

当if中的条件满足的时候,不会执行else中的语句。
情况二:if… if… else…
var num=10; if(num>2){ console.log('num>2') } if(num>4){ console.log('num>4') } else{ console.log('num>10') } // 输出num>2和num>4

【javascript中所有if else 和 else if的区分和解决】同样,两个if,if中的条件只要被满足就输出。
情况三:if… else{ if… else… }
var num=10; if(num< 0){ console.log('num< 0') } else{ if(num>2){ console.log('num>2') } else{ console.log('num>10') } } // 输出num>2

If… else语句嵌套在else中,如果执行最外面的else,才会执行里面的if… else… 语句。
情况四:if… else if… else…
var num=10; if(num< 0){ console.log('num< 0') } else if(num>4){ console.log('num>4') } else if(num>6){ console.log('num>6') } else{ console.log('num>10') } // 输出和num>4

这种情况其实和第二种情况是一样的,只要在最后一个else前面的条件被满足任何其中一个,程序就会跳出,不再向下执行。
你终于清楚了吗?

    推荐阅读