02JavaScript基礎隨堂筆記

01.運算符[☆]

1. 知識點-算數運算符

   • 作用就是進行 加, 減, 乘, 除 , 取余運算的

   • 算數運算符的重點是通過算數運算和可以實現類型轉換

     加號可以實現數據類型轉換: 一個數字和一個空字串相加最后的結果就是字符串減號也可以實現數據類型轉換乘法符號也可以實現數據類型轉化總結:
     把通過算數運算符(比較運算符)實現的數據類型轉化就稱為: 隱式類型轉換
     隱式類型轉換: 計算機在計算的的過程中悄悄咪咪的實現了數據類型轉換強制類型轉換(顯示類型轉換): 程序員手動轉換的.通過調用之前數據類型轉的方法實現的
     

   • 課堂案例

     1. 如果今天是周六，那么100天以后是周幾？2. 寫一個程序，要求用戶先輸入雞蛋數，然后再輸入每個盒子中裝多少個雞蛋，最后實現要多少個盒子。3. 讓用戶輸入一個三位數【整數】，使用代碼分別獲取到這個三位數字百位，十位，個位上的數字。例如：用戶輸入： 456， 最后在瀏覽中分別彈出 4,5,64. 用戶任意輸入一個三位數，求這個三位數字百位，十位，個位之和。
     

2. 知識點-賦值運算符

   賦值運算符的作用: 就是給變量賦值'=': 將右側的結果賦值給左側的變量
   

   • +=

       a += b   ===>  a =  a + b;
     

   • -=

      a -= b ===> a = a - b;
     

   • *=

     a *= b;    a =  a * b
     

   • /=

   • =

3. 知識點-一元運算符

   • ++

     • 前置++

       ++a;
       

     • 后置++

       a++;
       

     • 特點

       ++ 一元運算符就是在變量 原來值的基礎上 加1, 不管是前置++ 還是后置++
       

     • 區別

       ?  ++a 和  a++ 唯一的區別在于將他們的值賦值給一個新的變量,這個變量的值是有區別的.?  var  b = a++;     變量 b 等于 變量 a 加1 之前的值 [先賦值后計算]
       ?  var  b = ++a;     變量b 等于 變量 a 加1 之后的值 [先計算后賦值]
       

   ---

   • 前置–

     --a;
     

   • 后置–

     a--;
     

   • 特點

     --a 和 a-- 最后的計算結果是一樣的,都在在變量a原來值的基礎上減1
     

   • 區別

     var   b = --a;   b 的結果是  變量 a 減1 之后 值
     var   b = a--;   b 的結果是  變量 a 減1 之前 值
     

   • 課堂案例

     1.var a;var b=6;a=++b;請問：a的值是多少，b的值是多少。a=b++;請問：a的值是多少，b的值是多少。
     2.
     var a = 1; var b = ++a + ++a;   console.log(b);    
     var a = 1; var b = a++ + ++a;   console.log(b);    
     var a = 1; var b = a++ + a++;   console.log(b);    
     var a = 1; var b = ++a + a++;   console.log(b); 
     

4. 知識點-比較運算符

   • 大于(>)

   • 小于(<)

   • 大于或等于(>=)

   • 小于或等于(<=)

   • 等于(==)

   • 全等于(===)

   • 不等于(!=)

   • 通過比較運算符后得到結果是什么?

     1. 通過比較運算符得到的結果是一個布爾類型的結果  true  false2. '>='   '<='    大于或者等于         小于或者等于3. 在js中用來比較是否相等要用  '==' 或 '===''==' 在比較的時候只判斷里面的值是否相同,沒有考慮數據類型'===' 比較的時候要同時判斷值和數據類型是否都一樣4. 不等于   '!='
     

5. 知識點-邏輯運算符

   • 作用

     邏輯運算符在程序中是用來鏈接多個條件的(多個比較結果的)
     

• 邏輯運算符詳解

  • 或運算(||)

     或者的意思, 所有的條件中,只要有一個滿足就行.
    

  • 且運算(&&)

    并的意思, 必須所有的條件都滿足才可以,只要有一個不滿足,都不行
    

  • 非運算(!)

    取反的意思, 正確的最后變成錯誤的, 錯誤的最后變成正確的
    

  • 邏輯運算符重點,邏輯運算符計算結果規律

    • 或運算(||)

      true  || true   ===> true
      true || false   ===> true
      false  || false  ===> false只要有一個為 true, 最后的結果就是 true
      

    • 且運算(&&)

      false  &&  false   ===> falsetrue && false  ====> falsetrue && true  ===> true只要有一個為false, 最后的結果就是false
      

    • 非運算(!)

      !false   ===> true
      !true    ===> false
      

02.小擴展[☆]

1. 數字類型的取值范圍

   • 最大取值

     獲取數字類型最大取值:  Number.MAX_VALUE
     

   • 最小取值

     獲取數字類型的最小取值: Number.MIN_VALUE
     

2. 轉義字符

   • 引號嵌套

     同一種引號在嵌套的時候,會報錯.
     

   • 轉義字符

     轉義字符作用: 可以用解決同一種引號嵌套導致報錯問題在引號前加一個 "\"
     

• 注意事項:

  轉義字符 "\" 只能用在字符串中
  

3. isNaN()

   • NaN 特殊的值: 不是一個數字

   • isNaN()作用:

     用來判斷值是不是一個數字, 不能判斷數據類型,如果要獲取數據類型通過 typeof
     

   • 規律總結

     如果 isNaN() 得到的結果是 false  ===>  是數字
     如果 isNaN() 得到的結果是 true   ===>  不是數字
     

03.分支語句[☆☆]

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

   • 為什么要學條件分支語句

     為了實現讓程序按照我們設定的條件去執行代碼,而不是單純的按照順序執行代碼.
     

   • 語法

     if(條件) {對應的代碼1} else {對應的代碼2
     }
     

   • 執行過程

     1. 程序先從上而下執行代碼
     2. 程序就先執行條件,判斷一下條件的結果是 true 還是 false
     3. 如果條件的結果是 true , 那么程序只會執行 if 中的代碼
     4. 如果條件中的結果是 false, 那么程序只會執行 else 中的代碼
     

   • 課堂案例

       1. 接收用戶輸入兩個數字，求兩個數的最大數。2. 接收用戶輸入一個數字，判斷一個數是偶數還是奇數3. 當點擊確定，彈出消息提示“您已退出” 當點擊取消  彈出消息“您已取消退出”4. 判斷一個年份是閏年還是平年閏年：能被4整除，但不能被100整除的年份 或者 能被400整除的年份5. 依據一個人的年齡判斷是否成年（大于18歲）6. 收先接收用戶輸入的用戶名，判斷該用戶名是否是admin,如果不是直接程序終止，如果是那么再次提示讓用戶輸入密碼,如果密碼是88888,那么提示登錄成功，否則提示登錄失敗。
     

2. 知識點-多條件判斷

   • 語法

   • 執行過程

   • 課堂案例

     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
     

3. 知識點-三元運算

   • 語法

   • 執行過程

   • 課堂案例

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

4. 知識點-switch語句

   • 語法

   • 執行過程

   • 課堂案例

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

退出”
3:從兩個數中找最大值
4:從三個數字中找最大值
```

4. 知識點-switch語句

   • 語法

   • 執行過程

   • 課堂案例

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