《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第19課 JavaScript基礎(chǔ)（二）

PAGE4PAGE4PAGE3PAGE3PAGE3PAGE3

課題第19課JavaScript基礎(chǔ)（二）課時(shí)2課時(shí)（90min）教學(xué)目標(biāo)知識(shí)技能目標(biāo)：掌握J(rèn)avaScript數(shù)據(jù)類型、運(yùn)算符的使用方法素質(zhì)目標(biāo)：掌握J(rèn)avaScript的相關(guān)知識(shí)，增加學(xué)生的知識(shí)儲(chǔ)備教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：JavaScript數(shù)據(jù)類型教學(xué)難點(diǎn)：JavaScript運(yùn)算符教學(xué)方法問答法、討論法、講授法、實(shí)踐練習(xí)法教學(xué)用具電腦、投影儀、多媒體課件、教材、文旌課堂APP教學(xué)設(shè)計(jì)第1節(jié)課：→→→傳授新知（28min）→上機(jī)操作（10min）第2節(jié)課：→傳授新知（30min）→上機(jī)操作（7min）→課堂小結(jié)（3min）→作業(yè)布置（2min）教學(xué)過程主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖第一節(jié)課課前任務(wù)【教師】布置課前任務(wù)，和學(xué)生負(fù)責(zé)人取得聯(lián)系，讓其提醒同學(xué)通過文旌課堂APP或其他學(xué)習(xí)軟件，完成課前任務(wù)請(qǐng)大家了解JavaScript數(shù)據(jù)類型和運(yùn)算符的相關(guān)內(nèi)容。【學(xué)生】完成課前任務(wù)通過課前任務(wù)，使學(xué)生了解本次課的主要內(nèi)容，增加學(xué)生的學(xué)習(xí)興趣考勤

（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】按照老師要求簽到培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問題導(dǎo)入（5min）【教師】提出以下問題JavaScript的數(shù)據(jù)類型可分為哪幾類？【學(xué)生】思考、舉手回答【教師】通過學(xué)生的回答引入要講的知識(shí)通過問題導(dǎo)入的方法，引導(dǎo)學(xué)生主動(dòng)思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（28min）4.4JavaScript數(shù)據(jù)類型【教師】講解JavaScript數(shù)據(jù)類型的使用方法?【多媒體】組織學(xué)生掃碼播放“JavaScript數(shù)據(jù)類型”視頻（詳見教材），讓學(xué)生對(duì)這部分內(nèi)容有一個(gè)大致地了解在JavaScript語言規(guī)范里，數(shù)據(jù)類型分為基本數(shù)據(jù)類型和復(fù)合數(shù)據(jù)類型兩大類。其中，基本數(shù)據(jù)類型包括數(shù)值型、字符串型、布爾型、未定義型和Null型；復(fù)合數(shù)據(jù)類型包括數(shù)組、對(duì)象和函數(shù)等。4.4.1數(shù)值型數(shù)值型是JavaScript中最基本的數(shù)據(jù)類型。在JavaScript中，所有的數(shù)值不區(qū)分整型和浮點(diǎn)型，全部都是由浮點(diǎn)型表示的。【課堂互動(dòng)】?【教師】提問什么是數(shù)值直接量？?【學(xué)生】聆聽、思考、回答當(dāng)一個(gè)數(shù)字直接出現(xiàn)在JavaScript程序中時(shí)，稱它為數(shù)值直接量。JavaScript支持的數(shù)值直接量的形式有整型、浮點(diǎn)型。【提示】在任何數(shù)值直接量前面加負(fù)號(hào)（?）可以構(gòu)成負(fù)數(shù)，但是負(fù)號(hào)是一元求反運(yùn)算符，不是數(shù)值直接量語法的一部分。1.整型【課堂互動(dòng)】?【教師】提問整型數(shù)據(jù)的進(jìn)制有哪些？?【學(xué)生】聆聽、思考、回答整型數(shù)據(jù)有十進(jìn)制、八進(jìn)制和十六進(jìn)制。十進(jìn)制數(shù)據(jù)是一個(gè)由0～9組成的數(shù)字序列，如2、60、100等。JavaScript能夠處理十進(jìn)制的整型數(shù)據(jù)。八進(jìn)制數(shù)據(jù)是以數(shù)字“0”開頭，其后跟一個(gè)由0～7組成的數(shù)字序列，如07、0366等。JavaScript的某些實(shí)現(xiàn)允許采用八進(jìn)制格式的整型數(shù)據(jù)。【提示】雖然某些JavaScript實(shí)現(xiàn)允許采用八進(jìn)制格式的整型數(shù)據(jù)，但是有些實(shí)現(xiàn)不支持，所以在實(shí)際的應(yīng)用中最好不要使用八進(jìn)制格式的整型數(shù)據(jù)。十六進(jìn)制數(shù)據(jù)是以“0X”或“0x”開頭，其后跟一個(gè)十六進(jìn)制的數(shù)字序列。該數(shù)字序列可以是0～9的某些數(shù)字，也可以是a（A）～f（F）的某些字母，還可以是數(shù)字和字母的組合，如0X123、0xfa、0X12ab等。這些數(shù)字和字母用來表示0～15的某個(gè)值。JavaScript能夠識(shí)別十六進(jìn)制的整型數(shù)據(jù)。【示例4-4-1】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber1=32,number2=-36,number3=010,number4=0x10;alert(typeof32);alert(typeof-32);alert(typeof(number3));alert(typeof(number4));【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“含有“number”的彈窗”圖片（詳見教材），并講解效果：頁面中出現(xiàn)彈窗，內(nèi)容為“number”。單擊“確定”按鈕，接著出現(xiàn)同樣的彈窗（共出現(xiàn)4個(gè)）。測(cè)試變量的數(shù)據(jù)類型均為number類型?！咎崾尽吭贘avaScript語言規(guī)范里，表達(dá)式的數(shù)據(jù)類型可以通過typeof方法判斷，其語法格式如下：typeof表達(dá)式或者typeof(表達(dá)式)2.浮點(diǎn)型浮點(diǎn)型數(shù)據(jù)可以帶有小數(shù)點(diǎn)，它的表示方法有兩種。（1）傳統(tǒng)計(jì)數(shù)法，將浮點(diǎn)數(shù)分為整數(shù)部分、小數(shù)點(diǎn)和小數(shù)部分，如1.5、2.445等。若整數(shù)部分為0，則可以省略整數(shù)部分，如.3、.456等。（2）科學(xué)計(jì)數(shù)法，即實(shí)數(shù)后跟字母e或E，后面加上一個(gè)帶正號(hào)或負(fù)號(hào)的整數(shù)指數(shù)，其中正號(hào)可以省略，如4e+3、3.2e45、1.12E?11等?！臼纠?-4-2】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varfloat1=32.12,float2=-38.00;alert(typeof32.12);alert(typeof(float2));【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示效果：頁面中出現(xiàn)彈窗，內(nèi)容為“number”，單擊“確定”按鈕，接著出現(xiàn)一個(gè)彈窗，內(nèi)容也為“number”。測(cè)試變量的數(shù)據(jù)類型均為number類型。3.字符串型【課堂互動(dòng)】?【教師】提問字符串中可以包含哪些形式的字符？?【學(xué)生】聆聽、思考、回答字符串是由0個(gè)或多個(gè)字符組成的序列，它可以包含大小寫字母、漢字、數(shù)字、標(biāo)點(diǎn)符號(hào)或其他字符。字符串是JavaScript用來表示文本的數(shù)據(jù)類型。程序中，字符串?dāng)?shù)據(jù)包含在單引號(hào)或雙引號(hào)中。如果字符串?dāng)?shù)據(jù)本身含有單引號(hào)或雙引號(hào)，則用來包含該數(shù)據(jù)的符號(hào)應(yīng)使用不同的引號(hào)。即如果字符串?dāng)?shù)據(jù)本身含有單引號(hào)，則使用雙引號(hào)包含該數(shù)據(jù)；如果字符串?dāng)?shù)據(jù)本身含有雙引號(hào)，則使用單引號(hào)包含該數(shù)據(jù)。簡(jiǎn)單地理解，就是外雙內(nèi)單或外單內(nèi)雙。有時(shí)，字符串?dāng)?shù)據(jù)中使用的引號(hào)會(huì)導(dǎo)致匹配混亂，如字符串"字符串包含在單引號(hào)'或雙引號(hào)"中"。對(duì)于這種情況，必須使用轉(zhuǎn)義字符。轉(zhuǎn)義字符由“\”開始。使用轉(zhuǎn)義字符不僅可以避免引號(hào)匹配混亂問題的出現(xiàn)，還可以在字符串中添加不可顯示的特殊字符。【教師】ppt展示“常用轉(zhuǎn)移字符表”表格（詳見教材），并講解【示例4-4-3】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstring1="Thisisa'car'.",string2='Thatisa"boat".\n';varstring3="Thisisa'student'.";varstring4="Sheis"+18;alert(string1+string2+string3+string4);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“含有字符串的彈窗”圖片（詳見教材），并講解效果：頁面中出現(xiàn)彈窗，內(nèi)容為字符串。4.4.3布爾型布爾數(shù)據(jù)的類型只有兩個(gè)值，即true（真）和false（假），用于說明每個(gè)事物是真還是假。【示例4-4-4】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varbool1=true,bool2=false;alert(bool1);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“含有“true”的彈窗”圖片（詳見教材），并講解效果：頁面中出現(xiàn)彈窗，內(nèi)容為“true”。4.4.4未定義型在變量只定義未賦值之前，變量均為未定義（undefined）型。【示例4-4-5】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vardefine;alert(define);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“含有“undefined”的彈窗”圖片（詳見教材），并講解效果：頁面中出現(xiàn)彈窗，內(nèi)容為“undefined”。【提示】未定義數(shù)據(jù)和字符串?dāng)?shù)據(jù)拼接的結(jié)果為字符串型，未定義數(shù)據(jù)和數(shù)值數(shù)據(jù)相加的結(jié)果為NaN，即NotaNumber。4.4.5null型【課堂互動(dòng)】?【教師】提問null型數(shù)據(jù)類型表示的是什么？?【學(xué)生】聆聽、思考、回答null是一個(gè)特殊的值，表示空值，用于定義空的或不存在的引用。null不等同于空的字符串（""）或0?！臼纠?-4-6】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varv=null;alert("Thisisa"+v);alert(18+v);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“頁面依次彈出的兩個(gè)彈窗”圖片（詳見教材），并講解效果：頁面中出現(xiàn)彈窗，內(nèi)容為“Thisisanull”，單擊“確定”按鈕后，接著出現(xiàn)彈窗，內(nèi)容為“18”。【提示】null和字符串?dāng)?shù)據(jù)拼接的結(jié)果為字符串型，null和數(shù)字相加的結(jié)果為數(shù)字本身。null的數(shù)據(jù)類型為object，學(xué)習(xí)了對(duì)象后再研究?！緦W(xué)生】聆聽、記錄、理解通過教師講解、課堂互動(dòng)、演示操作等方式，使學(xué)生了解JavaScript的基本數(shù)據(jù)類型及使用方法上機(jī)操作（10min）【教師】組織學(xué)生分組討論，上機(jī)完成以下任務(wù)在新建的頁面中設(shè)置彈窗，內(nèi)容為“請(qǐng)輸入一個(gè)成績(jī)”，單擊“確定”按鈕后，接著出現(xiàn)輸入框，輸入“94”后出現(xiàn)彈窗，內(nèi)容為“等級(jí)為A”。討論、上機(jī)操作通過上機(jī)操作鞏固所學(xué)知識(shí)第二節(jié)課問題導(dǎo)入（3min）【教師】提出以下問題JavaScript運(yùn)算符有什么作用？【學(xué)生】思考、舉手回答通過提問引導(dǎo)學(xué)生思考本節(jié)課內(nèi)容傳授新知

（30min）4.5JavaScript運(yùn)算符【教師】講解JavaScript運(yùn)算符的使用方法程序最基本的功能就是運(yùn)算。運(yùn)算符也稱操作符，是完成一系列操作的符號(hào)。運(yùn)算符用于將一個(gè)或幾個(gè)值進(jìn)行計(jì)算，然后生成一個(gè)新的值，這些參與計(jì)算的值稱為操作數(shù)。操作數(shù)可以是常量，也可以是變量。運(yùn)算符和操作數(shù)組成的式子稱為表達(dá)式。表達(dá)式的運(yùn)算規(guī)則基本是先運(yùn)算括號(hào)，再按照運(yùn)算符的優(yōu)先級(jí)從左到右依次進(jìn)行。表達(dá)式的值就是對(duì)操作數(shù)進(jìn)行運(yùn)算后的結(jié)果?！菊n堂互動(dòng)】?【教師】提問JS運(yùn)算符可以按照哪些標(biāo)準(zhǔn)進(jìn)行分類？?【學(xué)生】聆聽、思考、回答根據(jù)操作數(shù)個(gè)數(shù)的不同，運(yùn)算符可以分為單目運(yùn)算符、雙目運(yùn)算符、三目運(yùn)算符。根據(jù)功能的不同，運(yùn)算符可以分為算術(shù)運(yùn)算符、關(guān)系運(yùn)算符、賦值運(yùn)算符、邏輯運(yùn)算符、條件運(yùn)算符。4.5.1算術(shù)運(yùn)算符算術(shù)運(yùn)算符包括加（+）、減（?）、乘（*）、除（/）、自加（++）、自減（??）、取余（%）運(yùn)算符。1.加減乘除（+?*/）【課堂互動(dòng)】?【教師】提問加減乘除運(yùn)算符的運(yùn)算規(guī)則是什么？?【學(xué)生】聆聽、思考、回答加減乘除運(yùn)算符都屬于雙目運(yùn)算符，它們的運(yùn)算規(guī)則如同數(shù)學(xué)中的規(guī)則，即乘除的優(yōu)先級(jí)高于加減?！臼纠?-5-1】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber1=2.2;varnumber2=3;varnumber3=number1*2+number2/3;alert(number3);效果：頁面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“5.4”。2.自加（++）【課堂互動(dòng)】?【教師】提問自加運(yùn)算符起什么作用？?【學(xué)生】聆聽、思考、回答自加運(yùn)算符屬于單目運(yùn)算符，它可以使變量的值自動(dòng)加1。該運(yùn)算符有兩種情況：（1）i++，表示在使用i之后，使i的值加1。（2）++i，表示在使用i之前，先使i的值加1?！臼纠?-5-2】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vari=2.12;i++;alert(i);效果：頁面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“3.12”。3.自減（??）自減運(yùn)算符屬于單目運(yùn)算符，它可以使變量的值自動(dòng)減1。該運(yùn)算符有兩種情況：（1）i??，表示在使用i之后，使i的值減1。（2）??i，表示在使用i之前，先使i的值減1?！臼纠?-5-3】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vari=8;i--;alert(i);效果：頁面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“7”?！咎崾尽孔詼p運(yùn)算一般不用于浮點(diǎn)數(shù)，因?yàn)橛糜诟↑c(diǎn)數(shù)時(shí)運(yùn)算結(jié)果不能被開發(fā)者控制。如果將【示例4-5-3】中的8修改為8.12，則彈出的運(yùn)算結(jié)果為7.119999999999999?！緦W(xué)生】聆聽、記錄、理解4.取余（%）取余運(yùn)算符屬于雙目運(yùn)算符，它是指整數(shù)a對(duì)整數(shù)b求余?！臼纠?-5-4】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber1=38;varnumber2=number1%3;alert(number2);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)，并講解代碼的效果效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“2”?！咎崾尽咳∮噙\(yùn)算的兩個(gè)操作數(shù)的數(shù)據(jù)類型都要求為整型。4.5.2關(guān)系運(yùn)算符關(guān)系運(yùn)算符主要用于測(cè)試操作數(shù)之間的關(guān)系，包括小于（<）、大于（>）、小于等于（<=）、大于等于（>=）、等于（==）、全等于（===）、不等于（!=）、非全等于（!==）。根據(jù)這些關(guān)系存在與否返回一個(gè)布爾型數(shù)值，即true或false。1.小于（<）小于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)小于右邊的操作數(shù)，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-5】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber=39;alert(18<number);效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“true”。2.大于（>）大于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)大于右邊的操作數(shù)，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-6】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber=39;alert(18>number);效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“false”。3.小于等于（<=）小于等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-7】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber=39;alert(18<=number);效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“true”。4.大于等于（>=）大于等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-8】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnumber=39;alert(18>=number);效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“false”。5.等于（==）等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)等于右邊的操作數(shù)，即模糊比較相等，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-9】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varx=5;alert(x=="5");效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“true”?！咎崾尽康扔谶\(yùn)算符是兩個(gè)等于號(hào)，不同于賦值運(yùn)算符（=）。6.全等于（===）全等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果左邊的操作數(shù)值與類型都等于右邊的操作數(shù)，即精準(zhǔn)比較相等，則返回true；否則返回false。它可以應(yīng)用于數(shù)字型、字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-10】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varx=5;alert(x==="5");【教師】組織學(xué)生用其他的方法完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)，并講解代碼及效果效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“false”?！咎崾尽縳變量為數(shù)字5，而右側(cè)是字符5。全等于運(yùn)算符是三個(gè)等于號(hào)，不同于賦值運(yùn)算符（=）。7.不等于（!=）不等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果模糊比較左邊的操作數(shù)值不等于右邊的操作數(shù)，則返回true；否則返回false。它主要應(yīng)用于數(shù)字型數(shù)據(jù)之間，也可以用于字符型和布爾型數(shù)據(jù)之間?！臼纠?-5-11】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varx=5;alert(x!="5");效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“false”。8.不全等于（!==）不全等于運(yùn)算符屬于雙目運(yùn)算符，用于比較操作數(shù)的關(guān)系。如果精準(zhǔn)比較左邊的操作數(shù)值或類型不等于右邊的操作數(shù)，則返回true；否則返回false。它可以應(yīng)用于數(shù)字型、字符型和布爾型數(shù)據(jù)之間。【示例4-5-12】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varx=5;alert(x!=="5");效果：面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“true”。4.5.3賦值運(yùn)算符【教師】講解賦值運(yùn)算符賦值運(yùn)算可以分為簡(jiǎn)單賦值運(yùn)算和復(fù)合賦值運(yùn)算。簡(jiǎn)單賦值運(yùn)算是將賦值運(yùn)算符（=）右邊表達(dá)式的值保存到左邊的變量中?！菊n堂互動(dòng)】?【教師】提問什么是復(fù)合賦值運(yùn)算符？?【學(xué)生】聆聽、思考、回答復(fù)合賦值運(yùn)算混合了其他運(yùn)算符（如算術(shù)運(yùn)算符）和賦值運(yùn)算符，如+=、?=、*=、/=等，表示將運(yùn)算符左邊的變量與右邊的變量或常量進(jìn)行運(yùn)算，然后將運(yùn)算結(jié)果賦值給左邊的變量。【示例4-5-13】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vara=16,b=10;a+=b;//表示a=a+b=16+10=26alert(a);效果：頁面中出現(xiàn)彈窗，內(nèi)容為運(yùn)算結(jié)果“26”。4.5.4邏輯運(yùn)算符【課堂互動(dòng)】?【教師】提問邏輯運(yùn)算符常用于哪種數(shù)據(jù)類型？?【學(xué)生】聆聽、思考、回答邏輯運(yùn)算符一般用于布爾型數(shù)據(jù)，通常邏輯運(yùn)算符與關(guān)系表達(dá)式配合使用。邏輯運(yùn)算符的返回值是true或false。邏輯運(yùn)算符包含與（&&）、或（||）、非（!）。1.邏輯與（&&）邏輯與運(yùn)算符屬于雙目運(yùn)算符，其運(yùn)算對(duì)象均為真時(shí)，結(jié)果為真；運(yùn)算對(duì)象只要有一個(gè)為假，結(jié)果為假。【示例4-5-14】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vara=12,b=16,c=23.89;alert(a>b&&b<c);alert(a<b&&b<c);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)，并講解代碼的效果效果：頁面中依次彈出“false”和“true”。因?yàn)閍>b的結(jié)果是false，b<c的結(jié)果是true，真與假得假；a<b的結(jié)果是true，真與真得真。2.邏輯或（||）邏輯或運(yùn)算符屬于雙目運(yùn)算符，其運(yùn)算對(duì)象有一個(gè)為真時(shí)，結(jié)果就為真；運(yùn)算對(duì)象都為假時(shí)，結(jié)果為假?！臼纠?-5-15】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vara=12,b=16,c=23.89;alert(a>b||b<c);alert(a<b||b<c);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)，并講解代碼的效果效果：頁面中依次彈出“true”和“true”。因?yàn)閍>b的結(jié)果是false，b<c的結(jié)果是true，真或假得真；a<b的結(jié)果是true，真或真得真。3.邏輯非（!）邏輯非運(yùn)算符屬于單目運(yùn)算符，其運(yùn)算對(duì)象為真時(shí)，結(jié)果為假；運(yùn)算對(duì)象為假時(shí)，結(jié)果為真?！臼纠?-5-16】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vara=12,b=16,c=23.89;alert(!(a>b));alert(!(b<c));【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點(diǎn)評(píng)，并講解代碼的效果效果：頁面中依次彈出“true”和“false”。因?yàn)閍>b