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)

以上代码输出了

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

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

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

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