02-JavaScript基礎(chǔ)

1.核心知識(shí)點(diǎn)

運(yùn)算符

分支語(yǔ)句 【重點(diǎn)】

斷點(diǎn)調(diào)試 [查看程序邏輯的一個(gè)技能]

2.今日學(xué)習(xí)目標(biāo)

能夠掌握js中相關(guān)的運(yùn)算符

能夠掌握理解算數(shù)運(yùn)算符使用及特點(diǎn)

能夠掌握賦值運(yùn)算符的使用及特點(diǎn)

能夠掌握一元運(yùn)算符的使用及特點(diǎn)

能夠掌握比較運(yùn)算符的特點(diǎn),理解等于和全等于的區(qū)別

能夠掌握-邏輯運(yùn)算符用場(chǎng)景及邏輯運(yùn)算符的計(jì)算規(guī)律

能夠掌握條件判斷分支語(yǔ)句

能夠掌握switch分支語(yǔ)句

能夠掌握三元表達(dá)式分支語(yǔ)句

算數(shù)運(yùn)算符

+ 運(yùn)算總結(jié)：1. 如果是數(shù)值類型的變量相加，結(jié)果就是一個(gè)數(shù)值類型的結(jié)果2. 如果是一個(gè)字符串類型的變量相加，最后的結(jié)果就是字符串（加號(hào)起到的作用就是拼接字符串的功能）-運(yùn)算總結(jié)：1. 如果是數(shù)值類型的變量相減，結(jié)果就是一個(gè)數(shù)值類型的結(jié)果2. 如果是數(shù)字的字符串相減，得到的結(jié)果也是一個(gè)數(shù)值類型結(jié)果（發(fā)生了隱式類型轉(zhuǎn)化）var n1 = '123';var n2 = '123';3. 如果是非數(shù)字的字符串相減，得到的結(jié)果是NaN*運(yùn)算/運(yùn)算1.如果是數(shù)值類型的變量相除，結(jié)果就是一個(gè)數(shù)值類型的結(jié)果2. 如果是數(shù)字的字符串相除，得到的結(jié)果也是一個(gè)數(shù)值類型結(jié)果（發(fā)生了隱式類型轉(zhuǎn)化）3. 如果是非數(shù)字的字符串相除，得到的結(jié)果是NaN4. 如果除數(shù)是0 ，得到的結(jié)果是 Infinity （無(wú)窮大的值）%取余（獲取余數(shù)）

課堂案例

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

賦值運(yùn)算符

+= | -= | *= | /= | %= var a += b ; =====> 等價(jià)于 a = a+b;

一元運(yùn)算符

a++

++a

課堂案例

1.var a;var b=6;a=++b;請(qǐng)問(wèn)：a的值是多少，b的值是多少。a=b++;請(qǐng)問(wèn)：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);

比較運(yùn)算符

1. > 2. <3. >= 大于 或者 等于，只要有一個(gè)滿足即可4. <= 小于 或者 等于，只要滿足一個(gè)即可5. == 只用來(lái)比較變量中的值是否相等，不考慮數(shù)據(jù)類型6. === 用來(lái)判斷值和數(shù)據(jù)類型必須同時(shí)相等7. != 判斷值是否不相等，不考慮數(shù)據(jù)類型8. !== 判斷值和數(shù)據(jù)類型? 總結(jié)：? 通過(guò)比較運(yùn)算符得到的結(jié)果只有兩個(gè)結(jié)果，一個(gè)是正確的，一個(gè)是錯(cuò)誤的? 通過(guò)比較運(yùn)算符得到的結(jié)果 只有 true[正確] 和 false[錯(cuò)誤]

邏輯運(yùn)算符

1. || 或： 條件只要有一個(gè)滿足即可總結(jié)：1. 如果條件中有一個(gè)結(jié)為true(代表有一個(gè)條件滿足了)，那么通過(guò)或運(yùn)算后最后的結(jié)果為true2. 如果條件中結(jié)果都不滿足，那么通過(guò)或運(yùn)算后結(jié)果為false2. && 且： 要求所有的條件都必須滿足才可以總結(jié)：1. 如果條件都為真（true），那么通過(guò)且運(yùn)算后最后的結(jié)果也是真（true）2. 如果條件中自少有一個(gè)條件不滿足（false），那么通過(guò)且運(yùn)算后的結(jié)果為false3. ! 非（取反） :

運(yùn)算符優(yōu)先級(jí)（了解）

優(yōu)先級(jí)從高到底1. () 優(yōu)先級(jí)最高 2. 一元運(yùn)算符 ++ -- !3. 算數(shù)運(yùn)算符 先* / % 后 + -4. 關(guān)系運(yùn)算符 > >= < <=5. 相等運(yùn)算符 == != === !==6. 邏輯運(yùn)算符 先&& 后||7. 賦值運(yùn)算符

isNaN()

? 判斷一個(gè)變量的值 是不是數(shù)字var n1 = '123';//判斷n1是不是一個(gè)數(shù)字var res = isNaN(n1);console.log(res);// isNaN 返回的是一個(gè) true， 不是數(shù)字// isNaN 返回的是一個(gè)false , 是一個(gè)數(shù)字

條件判斷（分支）

語(yǔ)法

//單條件表達(dá)式 ? if ( 條件表達(dá)式【布爾類型的結(jié)果】 ) { 邏輯代碼。。。}else {邏輯代碼。。。} //多條件表達(dá)式 ? if ( 條件表達(dá)式 ) {}else if ( 條件表達(dá)式 ) {}else {}

執(zhí)行過(guò)程

1. 單條件條件判斷代碼執(zhí)行過(guò)程：? 先進(jìn)行表達(dá)式結(jié)果判斷 ? 如果結(jié)果是true, 程序只會(huì)執(zhí)行if中的語(yǔ)句，不會(huì)執(zhí)行else中的語(yǔ)句? 如果結(jié)果是false， 程序只會(huì)執(zhí)行else中的語(yǔ)句，不會(huì)執(zhí)行if中的語(yǔ)句

斷點(diǎn)調(diào)試

課堂案例

1. 接收用戶輸入兩個(gè)數(shù)字，求兩個(gè)數(shù)的最大數(shù)。2. 接收用戶輸入一個(gè)數(shù)字，判斷一個(gè)數(shù)是偶數(shù)還是奇數(shù)3. 當(dāng)點(diǎn)擊確定，彈出消息提示“您已退出” 當(dāng)點(diǎn)擊取消 彈出消息“您已取消退出”作業(yè)：1. 判斷一個(gè)年份是閏年還是平年閏年：能被4整除，但不能被100整除的年份 或者 能被400整除的年份2. 依據(jù)一個(gè)人的年齡判斷是否成年（大于18歲）3. 一個(gè)加油站為了鼓勵(lì)車主多加油，所以加的多有優(yōu)惠。92號(hào)汽油，每升6元；如果大于20升，那么超出部分每升5.9；95號(hào)汽油，每升7元；如果大于30升，那么超出部分每升6.95編寫JS程序，用戶輸入自己的汽油編號(hào)，然后輸入自己加多少升，彈出價(jià)格。4. 收先接收用戶輸入的用戶名，判斷該用戶名是否是admin,如果不是直接程序終止，如果是那么再次提示讓用戶輸入密碼,如果密碼是88888,那么提示登錄成功，否則提示登錄失敗。5.分?jǐn)?shù)轉(zhuǎn)換，把百分制轉(zhuǎn)換成ABCDE <60 E 60-70 D 70-80 C 80-90 B 90 - 100 A

三元運(yùn)算

語(yǔ)法

表達(dá)式 ? 結(jié)果1 ： 結(jié)果2

執(zhí)行過(guò)程

? 先判斷表達(dá)式的結(jié)果是 true還是false? 如果結(jié)果是true ,那么代碼執(zhí)行 結(jié)果1? 如果結(jié)果是false，那么代碼執(zhí)行 結(jié)果2？ ====> 相當(dāng)與條件判斷中的if： =====> 相當(dāng)于else

課堂案例(使用三元運(yùn)算的方式解決)

1:接收用戶輸入的數(shù)字，判斷是奇數(shù)還是偶數(shù) 2:當(dāng)點(diǎn)擊確定，彈出消息提示“您已退出” 當(dāng)點(diǎn)擊取消 彈出消息“您已取消退出” 3:從兩個(gè)數(shù)中找最大值 4:從三個(gè)數(shù)字中找最大值

switch語(yǔ)句

語(yǔ)法

switch ( 變量 ) {case 值1:代碼語(yǔ)句..break;case 值2:代碼語(yǔ)句...break;default: break; }

執(zhí)行過(guò)程

總結(jié)：1. 如果在程序中要表示一個(gè)范圍，那么推薦使用條件判斷2. 如果程序中表示的是一個(gè)具體的值， 可以用switch語(yǔ)句注意：//1. switch 后面的變量數(shù)據(jù)類型必須和 case 后面的值數(shù)據(jù)類型保持一至//2. break語(yǔ)句必須加

課堂案例

? 根據(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í),然后顯示李四來(lái)年的工資.

循環(huán)

? 循環(huán)： 重復(fù)的再做一件事件? 當(dāng)條件滿足的時(shí)候，執(zhí)行循環(huán)代碼? 條件不滿足的時(shí)候，不會(huì)執(zhí)行循環(huán)代碼

• while循環(huán)

語(yǔ)法

while(條件表達(dá)式) {代碼（循環(huán)體） }

執(zhí)行過(guò)程

1. 先條件判斷結(jié)構(gòu)是 true 還是 false2. 如果是true，那么程序會(huì)一直執(zhí)行循環(huán)體中的代碼3. 如果條件為false，那么程序會(huì)立即跳出循環(huán)體代碼結(jié)束執(zhí)行

• do while 循環(huán)

語(yǔ)法

do {循環(huán)體代碼 }while(條件表達(dá)式)

執(zhí)行過(guò)程

? 先執(zhí)行循環(huán)體代碼? 然后判斷條件? 如果條件為true，繼續(xù)執(zhí)行循環(huán)體代碼? 如果條件為false,循環(huán)體代碼立即結(jié)束，跳出循環(huán)與while循環(huán)的區(qū)別：1. 如果條件不滿足，do while循環(huán)會(huì)比while循環(huán)多執(zhí)行一次2. 如果條件滿足，do while循環(huán)和while循環(huán)執(zhí)行的次數(shù)是一樣一樣的。

for 循環(huán)

語(yǔ)法

for(變量初始化; 條件 ; 變量自增) {}

執(zhí)行過(guò)程

• continue和break

continue語(yǔ)句執(zhí)行及特點(diǎn)

? 立即跳出本次循環(huán)，繼續(xù)下一次循環(huán)（本次循環(huán)體 continu 之后的 代碼 就都少執(zhí)行這一次）? 通俗理解： 吃5個(gè)包子，第3個(gè)掉地下了，就扔掉第3個(gè)，繼續(xù)吃第4個(gè)第5個(gè)包子。

break語(yǔ)句執(zhí)行及特點(diǎn)

? 理解跳出整個(gè)循環(huán)（循環(huán)結(jié)束），開(kāi)始執(zhí)行 循環(huán)后面的代碼? 通俗理解： 吃5個(gè)包子，吃到第3個(gè)吃飽了，就不再吃后面的包子。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的javaScript第二天（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。