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