語句
JavaScript 語句向?yàn)g覽器發(fā)出的命令 語句的作用是告訴瀏覽器該做什么。
JS就是由一條一條的語句構(gòu)成的 每一條語句使用;結(jié)尾
JS中的語句默認(rèn)是由上至下順序執(zhí)行的 但是我們也可以通過一些流程控制語句來控制語句的執(zhí)行順序
代碼塊代碼塊是在大括號{}中所寫的語句 將多條語句的集合視為一條語句來使用
一般使用代碼塊將需要一起執(zhí)行的語句進(jìn)行分組 代碼塊結(jié)尾不需要加分號
{ var num=100; num++"; console.log(num); }條件語句
條件語句是通過判斷指定表達(dá)式的值來決定執(zhí)行還是跳過某些語句
最基本的條件語句:
if...else
swtich...case
-if...else語句是一種最基本的控制語句,它讓JavaScript可以有條件的執(zhí)行語句
第一種形式: if(表達(dá)式)語句
if語句是條件判斷語句 是最基本的流程控制語句
if語句的執(zhí)行流程:判斷條件的結(jié)果true/false --->當(dāng)結(jié)果為true時(shí),執(zhí)行下面的代碼塊 / 當(dāng)結(jié)果為false時(shí) ,會(huì)跳過代碼塊,繼續(xù)執(zhí)行下面的代碼
if(age>=18){ alert("您已成年:)"); } //if關(guān)鍵字后面的()不能省略 //if關(guān)鍵字后的判斷條件的結(jié)果必須是布爾值 如果不是 JS會(huì)自動(dòng)轉(zhuǎn)換為布爾值
第二種形式:if(表達(dá)式)語句else語句
if...else語句的執(zhí)行流程:判斷條件的結(jié)果為true/false --->結(jié)果為true 執(zhí)行a語句/結(jié)果為false 執(zhí)行b語句 --->繼續(xù)執(zhí)行下面的代碼塊
if(age>=18){ alert("您已成年:)"); } else{ alert("你還未成年:("); }
除了if和else還可以使用else if來創(chuàng)建多個(gè)條件分支 簡化了if...else語句嵌套的寫法
if(age < 18){ alert("你還未成年!"); }else if(age <= 30){ alert("您已經(jīng)是個(gè)青年了") }else{ alert("你已經(jīng)步入中老年了..."); }switch...case語句
switch...case是另一種流程控制語句
switch語句適用于多條分支使用同一條語句的情況
switch語句相對于if...else語句性能更優(yōu)
case語句只是標(biāo)識程序運(yùn)行的開始,并不是結(jié)束 一旦符合case的條件程序會(huì)一直運(yùn)行到結(jié)束 所以我們一般會(huì)在case中添加break作為語句的結(jié)束
switch(語句){ case 表達(dá)式1: 語句... case 表達(dá)式2: 語句... default: 語句... } //switch關(guān)鍵字后面的小括號 case關(guān)鍵字后的:都不能省略 //break是跳出 一旦被執(zhí)行 后面所有的case和default語句都不會(huì)被執(zhí)行循環(huán)語句
循環(huán)語句也是基本的控制語句
循環(huán)中的語句只要滿足一定的條件就會(huì)一直執(zhí)行
執(zhí)行流程:執(zhí)行代碼塊 --->判斷條件的結(jié)果是true/false --->true 重復(fù)執(zhí)行代碼塊/false 繼續(xù)執(zhí)行后面的代碼
和if一樣 while中的條件表達(dá)式會(huì)被轉(zhuǎn)換為布爾值 只要該值為true 代碼塊會(huì)一直執(zhí)行
代碼塊每執(zhí)行一次 條件表達(dá)式就會(huì)重新計(jì)算
while語句while語句也被稱為while循環(huán)
while語句在執(zhí)行時(shí),會(huì)先對條件表達(dá)式進(jìn)行求值判斷,如果結(jié)果為true,則執(zhí)行while后的語句,執(zhí)行完畢后,繼續(xù)對條件表達(dá)式進(jìn)行求值判斷,如果為true,繼續(xù)執(zhí)行依此類推如果結(jié)果false,則退出循環(huán)語句
var n=0; while(n<10){ n++; console.log(n); // 1,2,3,4,5,6,7,8,9,10 }do...while語句
do...while和while非常類似 但是它會(huì)在循環(huán)的尾部檢查表達(dá)式的值 也就是先執(zhí)行 后判斷
do...while循環(huán)至少會(huì)執(zhí)行一次
do...while語句在執(zhí)行時(shí),會(huì)先執(zhí)行do后的語句,執(zhí)行完畢后,對while中的條件表達(dá)式進(jìn)行求值判斷 如果結(jié)果false,則退出循環(huán) 如果結(jié)果為true,則繼續(xù)執(zhí)行循環(huán)體,執(zhí)行完畢后繼續(xù)判斷
var n=11; do{ n++; console.log(n) //12 }while (n<10);for語句
大部分循環(huán)都會(huì)有一個(gè)計(jì)數(shù)器用來控線執(zhí)行循環(huán)次數(shù) 三個(gè)關(guān)鍵操作是初始化 檢測和更新
for循環(huán)執(zhí)行流程:執(zhí)行初始化表達(dá)式 初始計(jì)數(shù)器 --->執(zhí)行條件表達(dá)式 判斷結(jié)果是true/false--->如果為false 則繼續(xù)執(zhí)行下面的代碼/如果為true 則執(zhí)行代碼塊--->再執(zhí)行循環(huán)操作表達(dá)式 重新執(zhí)行條件表達(dá)式
for(var i=0;i<10;i++){ console.log(i); //0,1,2,3,4,5,6,7,8,9 }break和continue
break 和 continue 語句用于在循環(huán)中精確地控制代碼的執(zhí)行
使用break語句會(huì)使程序立刻退出最近的循環(huán),強(qiáng)制執(zhí)行循環(huán)后邊的語句
break和continue語句只在循環(huán)和switch語句中使用
for(var i=0 ; i<5 ; i++){ if(i==2){ break; } console.log(i); // 0 1 }
使用continue語句會(huì)使程序跳過當(dāng)次循環(huán),繼續(xù)執(zhí)行下一次循環(huán),并不會(huì)結(jié)束整個(gè)循環(huán)
continue只能在循環(huán)中使用,不能出現(xiàn)在其他的結(jié)構(gòu)中
for(var i=0 ; i<5 ; i++){ if(i==2){ continue; } console.log(i); // 0 1 3 4 }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/96742.html
摘要:你的服務(wù)器已經(jīng)啟動(dòng)了。為此,我們將使用名為的優(yōu)秀應(yīng)用。項(xiàng)目結(jié)構(gòu)大多數(shù)教程以及許多真實(shí)的案例都將所有路由放在一個(gè)很大的文件中。不僅要求為字符串,還要求是一個(gè)對象,它們被之為。 翻譯:瘋狂的技術(shù)宅原文:https://medium.freecodecamp.o... 本文首發(fā)微信公眾號:前端先鋒歡迎關(guān)注,每天都給你推送新鮮的前端技術(shù)文章 Node.js 對初學(xué)者來說可能是令人望而卻步...
摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇下的使用方法,傳送門使用構(gòu)建單頁應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國外一篇講述了如何使用和來構(gòu)建一個(gè)簡單筆記的單頁應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇 vue2.0 下的 vuex 使用方法,傳送門:使用 Vuex + Vue.js 構(gòu)建單頁應(yīng)用【新篇】 ---------...
摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇下的使用方法,傳送門使用構(gòu)建單頁應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國外一篇講述了如何使用和來構(gòu)建一個(gè)簡單筆記的單頁應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇 vue2.0 下的 vuex 使用方法,傳送門:使用 Vuex + Vue.js 構(gòu)建單頁應(yīng)用【新篇】 ---------...
摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇下的使用方法,傳送門使用構(gòu)建單頁應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國外一篇講述了如何使用和來構(gòu)建一個(gè)簡單筆記的單頁應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇 vue2.0 下的 vuex 使用方法,傳送門:使用 Vuex + Vue.js 構(gòu)建單頁應(yīng)用【新篇】 ---------...
摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇下的使用方法,傳送門使用構(gòu)建單頁應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國外一篇講述了如何使用和來構(gòu)建一個(gè)簡單筆記的單頁應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇 vue2.0 下的 vuex 使用方法,傳送門:使用 Vuex + Vue.js 構(gòu)建單頁應(yīng)用【新篇】 ---------...
摘要:鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇下的使用方法,傳送門使用構(gòu)建單頁應(yīng)用新篇華麗的分割線原文地址前言在最近學(xué)習(xí)的時(shí)候,看到國外一篇講述了如何使用和來構(gòu)建一個(gè)簡單筆記的單頁應(yīng)用的文章。 鑒于該篇文章閱讀量大,回復(fù)的同學(xué)也挺多的,特地抽空寫了一篇 vue2.0 下的 vuex 使用方法,傳送門:使用 Vuex + Vue.js 構(gòu)建單頁應(yīng)用【新篇】 ---------...
閱讀 3744·2021-11-19 09:56
閱讀 1564·2021-09-22 15:11
閱讀 1223·2019-08-30 15:55
閱讀 3432·2019-08-29 14:02
閱讀 3046·2019-08-29 11:07
閱讀 494·2019-08-28 17:52
閱讀 3233·2019-08-26 13:59
閱讀 492·2019-08-26 13:53