JavaScript中break、continue和return的用法區(qū)別實(shí)例分析
本文實(shí)例講述了JavaScript中break、continue和return的用法區(qū)別。分享給大家供大家參考,具體如下:
break 停止了這個(gè)for循環(huán),跳出循環(huán)來繼續(xù)執(zhí)行fn函數(shù)里之后的語(yǔ)句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { break; } console.log(i); } console.log('ha')}fn();//0 1 2 ha
continue 只是停止了當(dāng)前循環(huán),繼續(xù)執(zhí)行后面的循環(huán),當(dāng)循環(huán)執(zhí)行完繼續(xù)執(zhí)行fn函數(shù)里之后的語(yǔ)句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { continue; } console.log(i); } console.log('ha')}fn();//0 1 2 4 ha
return 停止了這個(gè)for循環(huán),跳出循環(huán)并且停止執(zhí)行fn函數(shù)里后邊的語(yǔ)句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); } console.log('ha')}fn();//0 1 2
注:
如果這樣寫,沒有fn函數(shù)會(huì)報(bào)以下錯(cuò)誤
查看了js的手冊(cè)后發(fā)現(xiàn),在js中return 語(yǔ)句只能放在function中,如果不是在一個(gè)function中彈出如上錯(cuò)誤。
for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); }
forEach中無法 break 和 continue,會(huì)報(bào)以下錯(cuò)誤。
使用return也不能跳出整個(gè)循環(huán):
var a=[1,2,3,4,5,6,7,8,9]a.forEach((item,index)=>{ if(item == 6) { return }else{ console.log(item); }})
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章:
1. 詳解JSP 內(nèi)置對(duì)象request常見用法2. IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案3. 三個(gè)不常見的 HTML5 實(shí)用新特性簡(jiǎn)介4. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)5. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能(保存目錄改進(jìn))6. 詳解盒子端CSS動(dòng)畫性能提升7. ASP實(shí)現(xiàn)加法驗(yàn)證碼8. PHP循環(huán)與分支知識(shí)點(diǎn)梳理9. ASP基礎(chǔ)知識(shí)Command對(duì)象講解10. 使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁(yè)的方法
