對JS中break,continue和return三個關鍵字的理解

含義

語句 描述
break 退出switch語句或循環
continue 在循環中跳過當前的迭代,並繼續循環中的下一個迭代
return 退出函數並返回函數的值

break語句

break語句用於退出switch語句或循環語句,如for、for … in、for … of、while、do … while。

  1. 當break語句用於switch語句時,會跳出switch代碼塊,終止執行代碼。

舉個栗子:

	var num=prompt("請輸入一個數");
	switch (num%2){
	    case 0:console.log("這個數是偶數");break;
	    case 1:console.log("這個數是奇數");break;
	}

輸入4得到結果:

	這個數是偶數
  1. 當break語句用於循環語句時,會終止執行循環,並執行循環後代碼(如果有的話)。

栗子:

    for(var i=1;i<10;i++){
        if(i==5) break;
        console.log(i);
    }
    console.log("循環結束");

結果:

	1
	2
	3
	4
	循環結束
  1. break語句可用於可選的標籤引用,用於跳出代碼塊。

小結:一般break語句只能用在循環或switch中。

continue語句

continue用於跳過循環中的一個迭代,並繼續執行循環中的下一個迭代。

但是,在執行continue語句時,表現出了兩種不同類型的循環:

  1. 在while循環中,會先判斷條件,如果條件爲true,循環再執行一次。

栗子:

	var i=1;
	while (i<5){
	    i++;
	    if (i==4) continue;
		console.log(i);
	}
	console.log("循環結束");

結果:

	1
	2
	3
	5
	循環結束
  1. 在for循環中,自增長表達式 (如:i++) 會先計算,然後再判斷條件是否爲true,再決定是否執行迭代。

栗子:

    for(var i=1;i<4;i++){
        if(i==3) continue;
        console.log(i);
    }
    console.log("循環結束");

結果:

	1
	2
	4
	循環結束
  1. continue 語句可應用於可選的標籤引用。

小結:一般continue語句只能用在循環或switch中。

return語句

return語句會終止函數的執行並返回函數的值。

return語句只能用於函數體內,出現在其他任何地方都會造成語法錯誤!

	function fn(a,b){
		return a+b;
		console.log(a*b);
		}
	console.log(fn(1,2));

結果:

	3

總結

  1. break用於退出switch語句或循環語句;continue用於跳過循環中的一個迭代,並繼續執行循環中的下一個迭代;return用於終止函數的執行並返回函數的值。
  2. break是結束整個循環體;continue是結束單次循環;return是結束整個函數。
發佈了51 篇原創文章 · 獲贊 69 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章