1. 程式人生 > 實用技巧 >if分別使用return、break、continue的區別

if分別使用return、break、continue的區別

if分別使用return、break、continue的區別

break:使用break可以退出當前的迴圈
continue:用於跳過當次迴圈
return:使用return可以結束整個函式

下面用一個例子來看一下它們之間有什麼區別

        //先宣告一個函式,在函式程式碼塊中寫一個fuo迴圈,然後在寫一個if判斷
        function fun() {
            console.log('函式要執行了!~~~~');

            for(var i = 0; i < 5; i++) {
                //使用break時,就解註釋這個列印
                //console.log(i);

                if(i == 2) {
                    //在這裡分別嘗試return、break、continue使用之後的結果
                    //第一個先看的是break
                    //break;
                    /*
                     * 使用break時,整個函式內的console.log的結果是:
                     *  函式要執行了!~~~~
                     *  0
                     *  1
                     *  函式執行完了~~~~~~~~~
                     * 
                     * 從結果中看到當使用break時,if執行了三次,到第三次時i的值等等於2了,
                     * 那麼會執行break,開始執行break後就直接終止了for迴圈,for迴圈結束後會
                     * 繼續執行for迴圈下面的程式碼,也就是要執行這個console.log “函式執行完了~~~~~~~~~”
                     * 
                     * 整個函式從裡到外共三層,第一層是fun()函式,第二層是for迴圈,第三層是if判斷,
                     * if判斷中使用break後第二層和第三層會停止執行,第一層繼續執行
                     */
                    //第二個看的是continue
                    //continue;
                    /*
                     * 使用continue的列印結果:
                     *  函式要執行了!~~~~
                     *  0
                     *  1
                     *  3
                     *  4
                     *  函式執行完了~~~~~~~~~ 
                     * 從結果中看到使用continue時,if執行了一次,當i的值等等於2時,就結束了if判斷,並且不會在執行,
                     * 但是for迴圈還會繼續執行,也就是說if是一次性的程式碼,只要i的值等等於2了,它就會執行,執行後下
                     * 次就在for迴圈內就不會在執行第二次,除非次函式程式碼從新執行,否則不會在執行
                     * 
                     * 整個函式從裡到外共三層,第一層是fun()函式,第二層是for迴圈,第三層是if判斷,
                     * 當if判斷中使用了continue後,第三層或停止執行,第一層和第二層繼續執行未完的工作
                     * 
                     */
                    //第三個看的是return
                    return;
                    /*
                     * 使用return的列印結果:
                     *  函式要執行了!~~~~
                     *  0
                     *  1
                     * 
                     * 從結果中看到使用return時,if停止執行,for迴圈停止執行,函式也停止執行
                     * 
                     * 整個函式從裡到外共三層,第一層是fun()函式,第二層是for迴圈,第三層是if判斷,
                     * 當if判斷中使用return後,第一層、第二層、第三層、會停止執行程式碼
                     */
                }
                //使用continue和return時,就解註釋這個列印
                console.log(i);
            }
            console.log('函式執行完了~~~~~~~~~');
        }

        //呼叫fun
        fun();