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,continue和return 三個關(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)境不一樣,break和continue是用在循環(huán)或switch語句中,return是用在函數(shù)語句中。
部分資料來源于網(wǎng)絡(luò),僅供學(xué)習(xí)參考,侵權(quán)刪