if...else, if...if...else和if...else if的使用情况

搞清楚if…else, if…if…else和if…else if的使用情况尤为重要，因为条件的不同执行的结果不同，甚至相反。所以本章带大家一起来区分if…else, if…if…else和if…else if的使用情况，结合例子理清楚逻辑其实也很简单。

情况一：if…else…

当if中的条件满足的时候，不会执行else中的语句。

var num=10;

if(num>2){
console.log('num>2')
}
else{
console.log('num>10')
}

// 输出num>2

情况二：if…if…else…

同样，两个if，if中的条件只要被满足就输出。

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

情况三：if…else{ if… else…}

If…else语句嵌套在else中，如果执行最外面的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 if…else…

这种情况其实和第二种情况是一样的，只要在最后一个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