JavaScript break與continue語句

如果想要跳出函式的執行可以使用return語句。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func(){
    return;
    console.log("螞蟻部落");
}
func();

程式碼執行效果截圖如下：

呼叫func函式，遇到return語句，那麼跳出整個函式的執行。

於是console.log方法得不到執行，不會列印"螞蟻部落"。

關於函式和return語句可以參閱如下兩篇文章：

（1）.JavaScript 函式詳解一章節。

（2）.JavaScript return語句一章節。

退出迴圈語句，則不能使用return語句，而是要使用break和continue語句。

雖然它們兩個都可以退出迴圈語句，但是退出的方式又有很大區別。

下面通過程式碼例項分別介紹一下它們的用法和區別。

一.break語句：

break語句可以徹底跳出迴圈語句，以後不再執行。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let num=0;
for(let count=1;count<12;count++){
    num=num+2;
    if(num==8){
        break;
    }
    console.log(num);
}

程式碼執行效果截圖如下：

上面程式碼通過for迴圈語句實現了num的累加效果。

如果num等於8，則使用break語句跳出整個for迴圈，執行for迴圈語句後面的程式碼。

二.continue語句：

如果說break是決裂，那麼continue則溫和很多，只是跳過本次迴圈，繼續下一次迴圈。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let num=0;
for(let count=1;count<12;count++){
    num=num+2;
    if(num==8){
        continue;
    }
    console.log(num);
}

程式碼執行效果截圖如下：

此段程式碼和上一段程式碼唯一區別，是將break改為continue。

continue不會終止整個迴圈語句的執行，而是結束迴圈語句的當前迴圈，然後進行下一次迴圈。

程式碼分析如下：

（1）.當count等於4的時候，num值累加到8。

（2）.執行continue語句，這時候，並不是跳出整個for迴圈語句。

（3）.而是跳出count等於4這次迴圈，繼續進行count等於5這次迴圈，然後繼續進行下去。

三.break與continue區別：

看完上面兩個語句的介紹，兩者的區別應該很清晰了，可以說沒必要繼續看下面的。

如果還有一點點的疑惑，下面再來用通俗的語言做一下描述。

假設有皇帝要選美女，那麼這時候迴圈語句開啟，美女挨個讓皇帝過目。

break陛下，不貪心，選中一個美女之後，就終止了選美。

continue陛下，可能比較貪心，選中以後，喊了一句“下一個”，也就是繼續迴圈的進行。