js while循环的妙用

js while循环的妙用

在JavaScript里面，一般我们想让程序在function里面执行到一半时，经过判断或者完成某种操作后停止执行后面的代码，会用return结束掉function。

fuction(){
    //do something...
    if(stopRun == true){
        return
    }
    //continue do ...
}

但是，如果我要做多层的判断,而且要中断的只是其中一个判断后面的代码呢？

function(){
    //代码1...
    if(stopRun == true){
        //代码2 ...
        if(cando == false){
            return
        }
        //代码3 ...
    }
    //代码4 ...
}

如上面的逻辑，cando 判断只是想阻止‘代码3’的执行，而‘代码4’我还是需要的，但是return操作已经把整个function结束掉了。
那么下面重点来了，可以妙用while break来实现代码的中断，而不结束整个函数。

var stopRun = true,cando = false;
function ww(){
    //代码1...
    while(stopRun == true){
        //代码2 ...
        console.log(2)
        if(cando == false){
            break
        }
        //代码3 ...
        console.log(3)
        break
    }
    //代码4 ...
    console.log(4)
}

以上代码输出了

2 4

证明代码3被阻止了，但是没有阻止function后面代码的执行。

break不能在if里面用，但是可以在循环里面用，所以用while这样的循环语句可以中断代码的执行，理论上所有循环都可以实现该功能，选择while是因为它简洁而且可以代替if做判断。
!!!注意!!!while最后记得加上一个break，不然会变成死循环。

可以在while中间加入多个if()break作为断点，控制逻辑的流程。

function(){
    var a=0;
    while(a==0){
        console.log("我要")
        a++
        if(a!=1)break
        console.log("我再要")
        a++
        if(a!=2)break
        console.log("我还要")
        break
    }
}