03JavaScript基礎課堂筆記

01-分支語句

1. 知識點-多條件判斷分支語句

   • 語法

     if(條件) {代碼1
     }else if(條件) {代碼2
     }else if(條件) {代碼3
     }else {代碼4
     }
     

   • 執行過程

     1. 代碼自上而下執行
     2. 程序先判斷第一個條件是否成立 true 還是 false
     3. 如何第一個條件的結果是 true,那么就執行代碼1,后面的代碼都不執行
     4. 如果第一個條件的結果是 false, 那么程序就會執行第二個條件,并判斷第二個條件是否成立,如果第二個條件成立,那么就執行代碼2,后面的代碼都不再執行.
     5. 以上情況依次類推
     6. 如果以上條件都不滿足就執行 else 中的代碼概括: 條件成立就執行,條件不成立就執行else中的代碼注意:else if 的個數要根據實際情況而定.
     

   • 課堂案例

     1.一個加油站為了鼓勵車主多加油，所以加的多有優惠。92號汽油，每升6元；如果大于20升，那么超出部分每升5.9；95號汽油，每升7元；如果大于30升，那么超出部分每升6.95編寫JS程序，用戶輸入自己的汽油編號，然后輸入自己加多少升，彈出價格。2.分數轉換，把百分制轉換成ABCDE   <60  E  60-70 D  70-80 C  80-90 B  90 - 100 A
     

2. 知識點-三元表達式

   1. 三元表達式可以理解為是 單條件判斷的另外一種簡寫形式
   2. 三元表達式最重要的特點是通過判斷條件后賦值的.[目前先不涉及,后面的課程我們會用該特點]
   

   • 語法

     條件 ?  代碼1 : 代碼2;
     

   • 執行過程

     1. 程序自上而下執行
     2. 程序判斷條件的結果是否成立 true  還是 false
     3. 如果條件的結果是 true 那么就執行 代碼1
     4. 如果條件不成立 false 那么就執行代碼2
     

   • 課堂案例

     1:接收用戶輸入的數字，判斷是奇數還是偶數
     2:當點擊確定，彈出消息提示“您已退出”  當點擊取消  彈出消息“您已取消退出”
     3:從兩個數中找最大值
     4:從三個數字中找最大值 (三元表達式)思考?
     

3. 知識點-switch語句

   當程序中變量的值是某些固定值的時候,可以使用 switch 去解決
   

   • 語法

     switch(變量) {case 值1:代碼1;break;case 值2:代碼2;break;default :代碼3;break;
     }
     

   • 執行過程

     1. 程序自上而下執行
     2. 得到變量中的值
     3. 使用變量中的值 分別和 case 后面的值比較是否相等, 如果相等,那么就執行對應的代碼
     4. 如果變量中的值 和 case 后面的值不相等, 繼續向下查找
     5. 如果沒有找到相同的值 ,那么最后就執行 default 中的代碼
     

   • 注意事項

     1. switch 中的變量數據類型必須和 case 后面值的數據類型保持一致.
     2. switch 語句中的 break 關鍵字不能省略,表示要結束當前語句

   • 課堂案例

     ? 根據用戶輸入月份，顯示對應的季節（例如：3,4,5為春季）? 根據用戶輸入數字，顯示對應星期數例如：用戶輸入數字1 ，顯示 周一? 李四的年終工作評定,如果定為A級,則工資漲500元,如果定為B級,則工資漲200元,如果定為C級,工資不變,如果定為D級工資降200元,如果定為E級工資降500元.
     設李四的原工資為5000,請用戶輸入李四的評級,然后顯示李四來年的工資.
     

02-斷點調試

• 為什么要學斷點調試?

  1. 為了排除程序中的邏輯問題
  2. 為了監控程序中每一行代碼執行的過程及執行的結果
  

• 如何對待斷點調試?

  1. 程序員必須要掌握斷點調試的這個技能
  2. 對于初學者理解程序執行過程,對于程序員排除程序錯誤有幫助
  

• 使用斷點調試,查看程序執行

  1. 先運行程序

  2. 打開控制臺程序(F12)

3. 設置對應的位置處設置斷點(點擊鼠標左鍵)

4. 再次刷新頁面,執行程序(重新讓程序執行)

5. 手動的點擊下一步(F10),監視程序的執行

6. 斷點調試中重點觀察變量值的變化

   • 可以直接將鼠標懸停到變量上,查看變量的值

   • 推薦的做法: 將變量添加到右側的監視窗口中

03.循環語句[☆☆☆]

為什么要學習循環: 循環可以幫助我們解決讓代碼重復的執行

1. 知識點-while循環

   • 語法

     初始化變量;
     while(條件) {代碼;修改變量的值;
     }
     

   • 執行過程

     1. 程序自上而下執行
     2. 程序執行初始化變量, 給變量賦一個默認值
     3. 將變量的值,帶入到 while 的條件中, 判斷條件是否成立 true | false
     4. 如何條件為 true , 那么程序就一直執行 循環體中的代碼
     5. 當修改變量值之后, 帶入到條件中,如果條件為 false, 那么循環體中的代碼立即結束(不再執行)總結:  條件成立代碼就一直執行, 條件不成立代碼就立即結束(不再執行)
     

   • 課堂案例

     1. 將 1 到 100 之間的所有數字輸出到控制臺中
     2. 將1到100之間的所有是3的倍數的值找出來，在控制臺中輸出
     3. 求1到100之間的數字和。在控制臺中輸出（5050）
     4. 首先接收用戶輸入用戶名和密碼，只要用戶名不是admin或者密碼不是888就一直提示要求重新輸入,如果正確則提登錄成功.
     5. 請將1到50中所有的奇數并求和，在控制臺中輸出！【輸出1-50之間的所有奇數，輸出1-50中所有奇數的和】
     

2. 知識點-dowhile循環

   • 語法

   • 執行過程

   • 課堂案例

     1. 將1到100之間的所有是3的倍數找出來，在控制臺中輸出
     2. 求1到100之間的數字和。在控制臺中輸出
     3. 首先接收用戶輸入用戶名和密碼，只要用戶名不是admin或者密碼不是888就一直提示要求重新輸入,如果正確則提登錄成功.
     4. 請將1到50中所有的奇數并求和，在控制臺中輸出！
     

3. 知識點-while循環與dowhile循環區別

4. 知識點-for循環 [重點 + 必須要掌握的]

   • 語法

   • 執行過程

   • 課堂案例

     1. 計算1到100的和 
     2. 將1到100之間所有是6的倍數的數字輸出到控制臺中
     3. 在頁面中打印 兩行每行中有10顆*
     4. 在頁面中打印直角三角形
     5. 在頁面中打印99乘法表
     6. 輸入班級人數(比如5人),然后依次輸入學員成績1. 計算班級學員的總成績2. 計算班級的平均成績
     

03.關鍵字

1. 知識點-continue關鍵字

   • continue關鍵字作用

   • 課堂案例

     1. 求整數1～100的累加值，要求跳過所有個位為3的數
     

2. 知識點-break關鍵字

   • break關鍵字

   • 課堂案例

      1. 求整數1～100的累加值，要求碰到3的倍數則停止累加 
     

04.斷點調試

mBSDp-1583144829729)]

03.關鍵字

1. 知識點-continue關鍵字

   • continue關鍵字作用

   • 課堂案例

     1. 求整數1～100的累加值，要求跳過所有個位為3的數
     

2. 知識點-break關鍵字

   • break關鍵字

   • 課堂案例

      1. 求整數1～100的累加值，要求碰到3的倍數則停止累加 
     

04.斷點調試