Web前端技術(shù)主講人：XXX

XXX學(xué)院任務(wù)5制作簡單運(yùn)算器【知識(shí)目標(biāo)】

掌握算術(shù)運(yùn)算符的應(yīng)用；

掌握比較運(yùn)算符的應(yīng)用；

掌握邏輯運(yùn)算符的應(yīng)用；

掌握賦值運(yùn)算符的應(yīng)用；

掌握條件運(yùn)算符的應(yīng)用；

了解運(yùn)算符優(yōu)先級(jí)?！炯寄苣繕?biāo)】

能夠運(yùn)用算術(shù)運(yùn)算符進(jìn)行算術(shù)運(yùn)算；

能夠運(yùn)用比較運(yùn)算符進(jìn)行比較運(yùn)算；

能夠運(yùn)用邏輯運(yùn)算符對(duì)多條件進(jìn)行運(yùn)算；

能夠根據(jù)需求運(yùn)用賦值運(yùn)算符進(jìn)行賦值；

能夠根據(jù)需求運(yùn)用條件運(yùn)算符實(shí)現(xiàn)不同的業(yè)務(wù)邏輯?！舅刭|(zhì)目標(biāo)】

培養(yǎng)學(xué)生科學(xué)嚴(yán)謹(jǐn)?shù)膽B(tài)度；

培養(yǎng)學(xué)生勇于探索的精神。教學(xué)目標(biāo)知識(shí)導(dǎo)圖

算術(shù)運(yùn)算符算術(shù)運(yùn)算符算術(shù)運(yùn)算符是一種在程序設(shè)計(jì)語言中用于對(duì)數(shù)值作算術(shù)運(yùn)算的符號(hào)，它用于對(duì)兩個(gè)變量或值進(jìn)行算術(shù)運(yùn)算。（1）+

，加法運(yùn)算符，主要用于加法運(yùn)算。算術(shù)運(yùn)算符（2）-

，減法運(yùn)算符，主要用于減法運(yùn)算。算術(shù)運(yùn)算符（3）*

，乘法運(yùn)算符，主要用于乘法運(yùn)算。算術(shù)運(yùn)算符（4）/

，除法運(yùn)算符，主要用于除法運(yùn)算。算術(shù)運(yùn)算符（5）%

，求余運(yùn)算符，主要用于求余數(shù)?！景咐客ㄟ^輸入框輸入數(shù)字，并判斷該數(shù)字是奇數(shù)還是偶數(shù)，然后通過彈窗的方式輸出判斷結(jié)果。算術(shù)運(yùn)算符（6）++

，遞增運(yùn)算符，每執(zhí)行一次增加1，通常與變量結(jié)合使用。①前置遞增，如++i。②后置遞增，如i++。算術(shù)運(yùn)算符（7）--，遞減運(yùn)算符，每執(zhí)行一次減少1，通常與變量結(jié)合使用。①前置遞減，如--i。②后置遞減，如i--。

比較運(yùn)算符比較運(yùn)算符比較運(yùn)算符也稱關(guān)系運(yùn)算符，主要用于對(duì)兩個(gè)數(shù)據(jù)進(jìn)行比較，其結(jié)果是一個(gè)布爾值。運(yùn)算符說明示例>大于leta=8,b=5;console.log(a>b);//輸出結(jié)果：trueconsole.log(a>10);//輸出結(jié)果：false<小于leta=5,b=10;console.log(a<b);//輸出結(jié)果：trueconsole.log(b<a);//輸出結(jié)果：false>=大于等于leta=5,b=2;console.log(a>=b);//輸出結(jié)果：trueconsole.log(5>=6);//輸出結(jié)果：false<=小于等于leta=7,b=3;console.log(a<=b);//輸出結(jié)果：falseconsole.log(a<=7);//輸出結(jié)果：true比較運(yùn)算符比較運(yùn)算符也稱關(guān)系運(yùn)算符，主要用于對(duì)兩個(gè)數(shù)據(jù)進(jìn)行比較，其結(jié)果是一個(gè)布爾值。運(yùn)算符說明示例==等于leta=2,b=2;console.log(a==b);//輸出結(jié)果：trueconsole.log(5==4);//輸出結(jié)果：false!=不等于console.log(3!=2);//輸出結(jié)果：trueconsole.log(3!=3);//輸出結(jié)果：false===全等（要同時(shí)比較值和數(shù)據(jù)類型）leta=3,b=3;console.log(a===b);//輸出結(jié)果：trueleti=6,j='6';console.log(i===j);//輸出結(jié)果：false!==不全等（要同時(shí)比較值和數(shù)據(jù)類型）leta=3,b=3;console.log(a!==b);//輸出結(jié)果：falseleti=6,j='6';console.log(i!==j);//輸出結(jié)果：true

邏輯運(yùn)算符邏輯運(yùn)算符邏輯運(yùn)算符用于對(duì)布爾值進(jìn)行運(yùn)算，其返回值也是布爾值，通常用于條件判斷。運(yùn)算符說明示例&&與（可以理解為而且、并且），其運(yùn)算規(guī)則是：當(dāng)條件表達(dá)式中所有條件為true時(shí)，運(yùn)算的結(jié)果為true;當(dāng)條件表達(dá)式中有一個(gè)條件為false時(shí)，運(yùn)算結(jié)果為false。console.log(3>2&&5<7);//結(jié)果：trueletuser=”test”,pwd=”123”;console.log(user==”test”&&pwd==”1234”);//結(jié)果：false||或（可以理解為或者），其運(yùn)算規(guī)則是：當(dāng)條件表達(dá)式中只要有一個(gè)條件為true，運(yùn)算結(jié)果為true；當(dāng)條件表達(dá)式中所有條件為false時(shí)，運(yùn)算結(jié)果為false。letage=18;letheight=160;console.log(age>=18||height>=170);

//結(jié)果：true。！非（可以理解為取反。leta=true;console.log(!a);//結(jié)果：false邏輯運(yùn)算符【案例】驗(yàn)證用用戶輸入的賬號(hào)、密碼是否正確。

具體實(shí)施步驟參考如下。

（1）通過輸入框獲取賬號(hào)

（2）通過輸入框獲取密碼

（3）使用條件語句對(duì)賬號(hào)和密碼的正確性進(jìn)行驗(yàn)證，如果正確彈出輸出“登錄成功！”，否則彈

窗輸出“你輸入的賬號(hào)或密碼不正確！”。

賦值運(yùn)算符賦值運(yùn)算符賦值運(yùn)算符用于將右邊的值賦給左邊的變量。運(yùn)算符說明示例=賦值leta=8;//把數(shù)字8賦給變量aconsole.log(a);//輸出結(jié)果：8+=加并賦值（連接并賦值）leta=5;a+=2;//相當(dāng)于a=a+2console.log(a);//輸出結(jié)果：7-=減并賦值leta=5;a-=2;//相當(dāng)于a=a-2console.log(a);//輸出結(jié)果：3*=乘并賦值leta=5;a*=2;//相當(dāng)于a=a*2console.log(a);//輸出結(jié)果：10/=除并賦值leta=5;a/=2;//相當(dāng)于a=a/2console.log(a);//輸出結(jié)果：2.5%=求余并賦值leta=5;a%=2;//相當(dāng)于a=a%2console.log(a);//輸出結(jié)果：1

條件運(yùn)算符Eval()函數(shù)條件運(yùn)算符也稱三元運(yùn)算符，根據(jù)給定的條件來判斷返回運(yùn)算結(jié)果。語法格式如下。條件表達(dá)式?表達(dá)式1:表達(dá)式2說明：（1）如果條件表達(dá)式為true，則返回表達(dá)式1的執(zhí)行結(jié)果；（2）如果條件表達(dá)式為false，則返回表達(dá)式2執(zhí)行的結(jié)果。【案例】根據(jù)輸入的年齡判斷是否成年。具體的業(yè)務(wù)邏輯為：如果年齡大于等于18，則彈窗輸出“已成年！”，否則彈窗輸出“未成年！”。條件運(yùn)算符嵌套語法通過條件運(yùn)算符的嵌套，可以對(duì)多個(gè)條件進(jìn)行判斷，從而返回更加多樣的運(yùn)算結(jié)果。語法格式如下。條件表達(dá)式1?表達(dá)式1:條件表達(dá)式2?表達(dá)式2:表達(dá)式3說明：

如果條件表達(dá)式1為true，則返回表達(dá)式1的執(zhí)行結(jié)果；否則判斷條件表達(dá)式2，如果條件表達(dá)式2為true，則返回表達(dá)式2執(zhí)行的結(jié)果，否則返回表達(dá)式3執(zhí)行的結(jié)果。【案例】根據(jù)輸入的年齡判斷是否成年。具體的業(yè)務(wù)邏輯如下。（1）如果輸入的數(shù)字小于0或大于120，則彈窗輸出“你輸入的年齡不合法！”（2）如果年齡大于等于18，則彈窗輸出“已成年！”，否則彈窗輸出“未成年！”。eval()函數(shù)條件運(yùn)算符基本語法e