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

同样，两个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前面的条件被满足任何其中一个，程序就会跳出，不再向下执行。

你终于清楚了吗？