認識 JavaScript (十)

閱讀時間約 1 分鐘

※ 迴圈控制的兩個指令:break(跳脫)、continue(繼續)

  • break(跳脫):當遇到一個需要強制脫離迴圈的情境,使用break(跳脫)就會直接跳出迴圈。
raw-image


  • continue(繼續):用於跳過迴圈目前的迭代,直接開始下一次迭代的執行。

造成無限迴圈的例子:

raw-image

說明:

  1. x 的值等於 2 時,會觸發 if 條件語句執行 continue 語句。這個 continue 會導致程式跳過當前迴圈的其餘部分(也就是跳過 console.log('after x')x = x + 1),並直接開始下一次迴圈的迭代。
  2. 因為 x 的值在等於 2 時沒有被修改(x = x + 1 被跳過了),所以每次迴圈到 if (x === 2) 的檢查時,條件始終為真。這導致程式反覆進入 continue,而無法跳出 while 迴圈,造成了無限迴圈。

避免無限迴圈的例子:

raw-image

說明:

  1. x 初始值為 1,輸出 1,x 變為 2,因為 x 已經增加到 2,所以不會觸發 if 條件,然後輸出 'after x'。
  2. 接下來的迭代中,x 為 2,輸出 2,x 增加到 3,if 條件不成立,再輸出 'after x'。
  3. 同樣的過程重複直到 x 等於 5。
  4. 這段程式中的 if 條件實際上沒有任何效果。
    全端網頁開發專業知識分享
    留言0
    查看全部
    發表第一個留言支持創作者!
    認識 JavaScript (四)
    閱讀時間約 1 分鐘
    認識 JavaScript (五)
    閱讀時間約 1 分鐘
    認識 JavaScript (六)
    閱讀時間約 1 分鐘
    認識 JavaScript (七)
    閱讀時間約 1 分鐘
    認識 JavaScript (八)
    閱讀時間約 2 分鐘
    認識 JavaScript (九)
    閱讀時間約 3 分鐘