【技術(shù)】在JavaScript中return,return false ,break,continue的區(qū)別

1、return

定義
語句結(jié)束函數(shù)執(zhí)行,返回調(diào)用函數(shù),而且把表達(dá)式的值作為函數(shù)的結(jié)果,
即當(dāng)代碼執(zhí)行到return語句時,函數(shù)返回一個結(jié)果就結(jié)束運行了,return后面的語句根本不會執(zhí)行。
語法:
return value;
value為可選參數(shù)。指定返回的函數(shù)值。如果忽略,將返回 undefined

舉個栗子:

function myFun() {
    console.log("Hello");
    return "World";
    console.log("byebye")
}
myFun();

上面代碼輸出“Hello”到控制臺,返回“World”,但沒有輸出“byebye”,因為函數(shù)遇到return語句就退出了。

2、return false

在大多數(shù)情況下,為事件處理函數(shù)返回false,可以防止默認(rèn)的事件行為。例如,默認(rèn)情況下點擊一個<a>元素,頁面會跳轉(zhuǎn)到該元素href屬性指定的頁。
js中return false作用一般是用來取消默認(rèn)動作 / 阻止提交表單 / 阻止繼續(xù)執(zhí)行下面的代碼。
注意: return false 只在當(dāng)前函數(shù)有效,它不會影響其他外部函數(shù)的執(zhí)行。

舉個栗子:

function a(){
   if(True)
       return false;
}
//這是沒有任何問題的,如果我改成這種
function Test(){
   a();
   b();
   c();
}

即使a函數(shù)返回return false阻止提交了,但是不影響 b()以及c()函數(shù)的執(zhí)行。在Test()函數(shù)里調(diào)用a()函數(shù),那面里面return false 對于Test()函數(shù)來說,只是相當(dāng)于返回值。而不能阻止Test()函數(shù)執(zhí)行。

3、break

定義
break 語句用于退出 switch 語句或循環(huán)語句(for, for ... in, while, do ... while)。
當(dāng) break 語句用于 switch 語句中時,會跳出 switch 代碼塊,終止執(zhí)行代碼。
當(dāng)break 語句用于循環(huán)語句時,會終止執(zhí)行循環(huán),并執(zhí)行循環(huán)后代碼(如果有的話)。
break 語句同樣可用于可選的標(biāo)簽引用,用于跳出代碼塊。
注意: break 語句(不帶標(biāo)簽引用),只能用在循環(huán)或 switch 中。

語法
break;
使用可選標(biāo)簽引用:break labelname;

舉個栗子

var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
    if (i == 3) {
        break;
    }
}

循環(huán)代碼塊,在 i 等于 "3" 時退出循環(huán),text 輸出結(jié)果為:
The number is 0
The number is 1
The number is 2

再舉個栗子

var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case 6:
        day = "Saturday";
        break;
}

跳出 switch 語句塊,確保只有一個 case 語句塊執(zhí)行,day 輸出結(jié)果為:
Friday

三舉栗子

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";

list: {
    text += cars[0] + "<br>"; 
    text += cars[1] + "<br>"; 
    text += cars[2] + "<br>"; 
    break list;
    text += cars[3] + "<br>"; 
}

在標(biāo)簽引用中使用 break 語句,用于跳出代碼塊,text 輸出結(jié)果為:
BMW
Volvo
Saab

4、continue

定義
continue 用于跳過循環(huán)中的一個迭代,并繼續(xù)執(zhí)行循環(huán)中的下一個迭代。
continue 與 [break]語句的區(qū)別是, break 是結(jié)束整個循環(huán)體,continue是結(jié)束單次循環(huán)。
但是,在執(zhí)行 continue 語句時,表現(xiàn)出了兩種不同類型的循環(huán):

  • while 循環(huán)中,會先判斷條件,如果條件為 true,循環(huán)再執(zhí)行一次。
  • for 循環(huán)中,自增長表達(dá)式 (如:i++) 會先計算,然后再判斷條件是否為true,再決定是否執(zhí)行迭代。
    continue 語句可應(yīng)用于可選的標(biāo)簽引用。
    注意: continue 語句(不帶標(biāo)簽引用),只能用在循環(huán)或 switch 中。

語法
continue;
使用可選標(biāo)簽引用:continue labelname;

舉個栗子

var text = "";
var i = 0;
while (i < 5) {
    i++;
    if (i == 3) {
        continue;
    }
text += "<br>The number is " + i;
}

循環(huán)代碼塊,在 i 等于 "3" 時跳過當(dāng)前循環(huán),text 輸出結(jié)果為:
The number is 1
The number is 2
The number is 4
The number is 5

再舉個栗子

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = ""
var i;
for (i = 0; i < cars.length; i++) {
    if (cars[i] == "Saab") {
        continue;
    }
    text += cars[i] + "<br>";
}

循環(huán)數(shù)組,在數(shù)組的元素為 "Saab" 時跳過當(dāng)前循環(huán):text 輸出結(jié)果為:
BMW
Volvo
Ford

三舉栗子

var text = "";
var i, j;

Loop1: // 第一個循環(huán)標(biāo)簽 "Loop1" 
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
    Loop2: // 第二個循環(huán)標(biāo)簽 "Loop2" 
    for (j = 10; j < 15; j++) {
        if (j == 12) {
            continue Loop2;
        }
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}

在標(biāo)簽引用中使用 continue 語句,用于跳出代碼塊,text 輸出結(jié)果為:
i = 0, j = 10 11 13 14
i = 1, j = 10 11 13 14
i = 2, j = 10 11 13 14

總結(jié)

return
retrun true;: 返回正確的處理結(jié)果。
return false;分會錯誤的處理結(jié)果,終止處理。
return;把控制權(quán)返回給頁面。

break,continue和return
break,continuereturn 三個關(guān)鍵字中, break,continue是化為一類的,return 是函數(shù)返回語句,但是返回的同時也將函數(shù)停止。

相同之處:三個都會將此時進(jìn)行的語句停止。
不同之處:
1、break:是立即結(jié)束語句,并跳出語句,進(jìn)行下個語句執(zhí)行。
2、continue:是停止當(dāng)前語句,并從頭執(zhí)行該語句。
3、return:停止函數(shù)。
4、使用的語句環(huán)境不一樣,breakcontinue是用在循環(huán)或switch語句中,return是用在函數(shù)語句中。


部分資料來源于網(wǎng)絡(luò),僅供學(xué)習(xí)參考,侵權(quán)刪

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容