javascript
javascript第三天(2)
03JavaScript基礎(chǔ)課堂筆記
01-分支語句
知識(shí)點(diǎn)-多條件判斷分支語句
-  
語法
if(條件) {代碼1 }else if(條件) {代碼2 }else if(條件) {代碼3 }else {代碼4 } -  
執(zhí)行過程
1. 代碼自上而下執(zhí)行 2. 程序先判斷第一個(gè)條件是否成立 true 還是 false 3. 如何第一個(gè)條件的結(jié)果是 true,那么就執(zhí)行代碼1,后面的代碼都不執(zhí)行 4. 如果第一個(gè)條件的結(jié)果是 false, 那么程序就會(huì)執(zhí)行第二個(gè)條件,并判斷第二個(gè)條件是否成立,如果第二個(gè)條件成立,那么就執(zhí)行代碼2,后面的代碼都不再執(zhí)行. 5. 以上情況依次類推 6. 如果以上條件都不滿足就執(zhí)行 else 中的代碼概括: 條件成立就執(zhí)行,條件不成立就執(zhí)行else中的代碼注意:else if 的個(gè)數(shù)要根據(jù)實(shí)際情況而定. -  
課堂案例
1.一個(gè)加油站為了鼓勵(lì)車主多加油,所以加的多有優(yōu)惠。92號(hào)汽油,每升6元;如果大于20升,那么超出部分每升5.9;95號(hào)汽油,每升7元;如果大于30升,那么超出部分每升6.95編寫JS程序,用戶輸入自己的汽油編號(hào),然后輸入自己加多少升,彈出價(jià)格。2.分?jǐn)?shù)轉(zhuǎn)換,把百分制轉(zhuǎn)換成ABCDE <60 E 60-70 D 70-80 C 80-90 B 90 - 100 A 
知識(shí)點(diǎn)-三元表達(dá)式
1. 三元表達(dá)式可以理解為是 單條件判斷的另外一種簡(jiǎn)寫形式 2. 三元表達(dá)式最重要的特點(diǎn)是通過判斷條件后賦值的.[目前先不涉及,后面的課程我們會(huì)用該特點(diǎn)]-  
語法
條件 ? 代碼1 : 代碼2; -  
執(zhí)行過程
1. 程序自上而下執(zhí)行 2. 程序判斷條件的結(jié)果是否成立 true 還是 false 3. 如果條件的結(jié)果是 true 那么就執(zhí)行 代碼1 4. 如果條件不成立 false 那么就執(zhí)行代碼2 -  
課堂案例
1:接收用戶輸入的數(shù)字,判斷是奇數(shù)還是偶數(shù) 2:當(dāng)點(diǎn)擊確定,彈出消息提示“您已退出” 當(dāng)點(diǎn)擊取消 彈出消息“您已取消退出” 3:從兩個(gè)數(shù)中找最大值 4:從三個(gè)數(shù)字中找最大值 (三元表達(dá)式)思考? 
知識(shí)點(diǎn)-switch語句
當(dāng)程序中變量的值是某些固定值的時(shí)候,可以使用 switch 去解決-  
語法
switch(變量) {case 值1:代碼1;break;case 值2:代碼2;break;default :代碼3;break; } -  
執(zhí)行過程
1. 程序自上而下執(zhí)行 2. 得到變量中的值 3. 使用變量中的值 分別和 case 后面的值比較是否相等, 如果相等,那么就執(zhí)行對(duì)應(yīng)的代碼 4. 如果變量中的值 和 case 后面的值不相等, 繼續(xù)向下查找 5. 如果沒有找到相同的值 ,那么最后就執(zhí)行 default 中的代碼 -  
注意事項(xiàng)
 - switch 中的變量數(shù)據(jù)類型必須和 case 后面值的數(shù)據(jù)類型保持一致.
 - switch 語句中的 break 關(guān)鍵字不能省略,表示要結(jié)束當(dāng)前語句
 
課堂案例
? 根據(jù)用戶輸入月份,顯示對(duì)應(yīng)的季節(jié)(例如:3,4,5為春季)? 根據(jù)用戶輸入數(shù)字,顯示對(duì)應(yīng)星期數(shù)例如:用戶輸入數(shù)字1 ,顯示 周一? 李四的年終工作評(píng)定,如果定為A級(jí),則工資漲500元,如果定為B級(jí),則工資漲200元,如果定為C級(jí),工資不變,如果定為D級(jí)工資降200元,如果定為E級(jí)工資降500元. 設(shè)李四的原工資為5000,請(qǐng)用戶輸入李四的評(píng)級(jí),然后顯示李四來年的工資.02-斷點(diǎn)調(diào)試
-  
為什么要學(xué)斷點(diǎn)調(diào)試?
1. 為了排除程序中的邏輯問題 2. 為了監(jiān)控程序中每一行代碼執(zhí)行的過程及執(zhí)行的結(jié)果 -  
如何對(duì)待斷點(diǎn)調(diào)試?
1. 程序員必須要掌握斷點(diǎn)調(diào)試的這個(gè)技能 2. 對(duì)于初學(xué)者理解程序執(zhí)行過程,對(duì)于程序員排除程序錯(cuò)誤有幫助 -  
使用斷點(diǎn)調(diào)試,查看程序執(zhí)行
 -  
先運(yùn)行程序
 -  
打開控制臺(tái)程序(F12)
 
設(shè)置對(duì)應(yīng)的位置處設(shè)置斷點(diǎn)(點(diǎn)擊鼠標(biāo)左鍵)
再次刷新頁面,執(zhí)行程序(重新讓程序執(zhí)行)
手動(dòng)的點(diǎn)擊下一步(F10),監(jiān)視程序的執(zhí)行
斷點(diǎn)調(diào)試中重點(diǎn)觀察變量值的變化
-  
可以直接將鼠標(biāo)懸停到變量上,查看變量的值
 -  
推薦的做法: 將變量添加到右側(cè)的監(jiān)視窗口中
 
03.循環(huán)語句[☆☆☆]
為什么要學(xué)習(xí)循環(huán): 循環(huán)可以幫助我們解決讓代碼重復(fù)的執(zhí)行知識(shí)點(diǎn)-while循環(huán)
-  
語法
初始化變量; while(條件) {代碼;修改變量的值; } -  
執(zhí)行過程
1. 程序自上而下執(zhí)行 2. 程序執(zhí)行初始化變量, 給變量賦一個(gè)默認(rèn)值 3. 將變量的值,帶入到 while 的條件中, 判斷條件是否成立 true | false 4. 如何條件為 true , 那么程序就一直執(zhí)行 循環(huán)體中的代碼 5. 當(dāng)修改變量值之后, 帶入到條件中,如果條件為 false, 那么循環(huán)體中的代碼立即結(jié)束(不再執(zhí)行)總結(jié): 條件成立代碼就一直執(zhí)行, 條件不成立代碼就立即結(jié)束(不再執(zhí)行) -  
課堂案例
1. 將 1 到 100 之間的所有數(shù)字輸出到控制臺(tái)中 2. 將1到100之間的所有是3的倍數(shù)的值找出來,在控制臺(tái)中輸出 3. 求1到100之間的數(shù)字和。在控制臺(tái)中輸出(5050) 4. 首先接收用戶輸入用戶名和密碼,只要用戶名不是admin或者密碼不是888就一直提示要求重新輸入,如果正確則提登錄成功. 5. 請(qǐng)將1到50中所有的奇數(shù)并求和,在控制臺(tái)中輸出!【輸出1-50之間的所有奇數(shù),輸出1-50中所有奇數(shù)的和】 
知識(shí)點(diǎn)-dowhile循環(huán)
-  
語法
 -  
執(zhí)行過程
 -  
課堂案例
1. 將1到100之間的所有是3的倍數(shù)找出來,在控制臺(tái)中輸出 2. 求1到100之間的數(shù)字和。在控制臺(tái)中輸出 3. 首先接收用戶輸入用戶名和密碼,只要用戶名不是admin或者密碼不是888就一直提示要求重新輸入,如果正確則提登錄成功. 4. 請(qǐng)將1到50中所有的奇數(shù)并求和,在控制臺(tái)中輸出! 
知識(shí)點(diǎn)-while循環(huán)與dowhile循環(huán)區(qū)別
知識(shí)點(diǎn)-for循環(huán) [重點(diǎn) + 必須要掌握的]
-  
語法
 -  
執(zhí)行過程
 -  
課堂案例
1. 計(jì)算1到100的和 2. 將1到100之間所有是6的倍數(shù)的數(shù)字輸出到控制臺(tái)中 3. 在頁面中打印 兩行每行中有10顆* 4. 在頁面中打印直角三角形 5. 在頁面中打印99乘法表 6. 輸入班級(jí)人數(shù)(比如5人),然后依次輸入學(xué)員成績(jī)1. 計(jì)算班級(jí)學(xué)員的總成績(jī)2. 計(jì)算班級(jí)的平均成績(jī) 
03.關(guān)鍵字
知識(shí)點(diǎn)-continue關(guān)鍵字
-  
continue關(guān)鍵字作用
 -  
課堂案例
1. 求整數(shù)1~100的累加值,要求跳過所有個(gè)位為3的數(shù) 
知識(shí)點(diǎn)-break關(guān)鍵字
-  
break關(guān)鍵字
 -  
課堂案例
1. 求整數(shù)1~100的累加值,要求碰到3的倍數(shù)則停止累加 
04.斷點(diǎn)調(diào)試
mBSDp-1583144829729)]
03.關(guān)鍵字
知識(shí)點(diǎn)-continue關(guān)鍵字
-  
continue關(guān)鍵字作用
 -  
課堂案例
1. 求整數(shù)1~100的累加值,要求跳過所有個(gè)位為3的數(shù) 
知識(shí)點(diǎn)-break關(guān)鍵字
-  
break關(guān)鍵字
 -  
課堂案例
1. 求整數(shù)1~100的累加值,要求碰到3的倍數(shù)則停止累加 
04.斷點(diǎn)調(diào)試
總結(jié)
以上是生活随笔為你收集整理的javascript第三天(2)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
                            
                        - 上一篇: javaScript第三天(1)
 - 下一篇: javaScript基础讲义第四天(1)