Web 前端開發(fā)技術(shù) 教案 項(xiàng)目八 JavaScript 語(yǔ)句和函數(shù)

Web前端開發(fā)技術(shù)教案設(shè)計(jì)項(xiàng)目課題JavaScript語(yǔ)句和函數(shù)授課時(shí)間授課對(duì)象大學(xué)生學(xué)習(xí)目標(biāo)1.掌握各條件語(yǔ)句的格式和用法。2.掌握各循環(huán)語(yǔ)句的格式和用法。3.掌握函數(shù)的定義及調(diào)用的格式。學(xué)習(xí)重點(diǎn)掌握各循環(huán)語(yǔ)句的格式和用法。學(xué)習(xí)難點(diǎn)掌握函數(shù)的定義及調(diào)用的格式。教學(xué)方法講授法、課堂演示法教學(xué)用具多媒體課件教學(xué)流程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)過程任務(wù)一條件語(yǔ)句一、if語(yǔ)句if語(yǔ)句在條件表達(dá)式為true時(shí),執(zhí)行語(yǔ)句中指定的代碼,其基本語(yǔ)法格式如下。if(條件表達(dá)式){語(yǔ)句;}如果條件表達(dá)式為true,則執(zhí)行if語(yǔ)句中指定的語(yǔ)句;如果條件表達(dá)式為false,則跳過if語(yǔ)句,執(zhí)行if語(yǔ)句后面的語(yǔ)句。二、if-else語(yǔ)句if-else語(yǔ)句根據(jù)一個(gè)條件表達(dá)式的結(jié)果,對(duì)應(yīng)執(zhí)行兩個(gè)不同的分支代碼,其基本語(yǔ)法格式如下。if(條件表達(dá)式){語(yǔ)句1;}else{語(yǔ)句2;}如果條件表達(dá)式為true,則執(zhí)行語(yǔ)句1;如果條件表達(dá)式為false,則執(zhí)行語(yǔ)句2。當(dāng)判斷條件較多時(shí),可以使用if語(yǔ)句的嵌套,即在語(yǔ)句1或語(yǔ)句2中繼續(xù)使用if語(yǔ)句進(jìn)行其他條件的判斷。三、if-elseif-else語(yǔ)句當(dāng)有多個(gè)分支條件需要判斷時(shí),可以用elseif語(yǔ)句依次進(jìn)行多條件判斷,執(zhí)行條件表達(dá)式為true時(shí)對(duì)應(yīng)的代碼。若所有條件表達(dá)式都為false,則執(zhí)行最后一個(gè)else語(yǔ)句后的代碼,其基本語(yǔ)法格式如下。if(條件表達(dá)式1){語(yǔ)句1;}elseif(條件表達(dá)式2){語(yǔ)句2;}……elseif(條件表達(dá)式n){語(yǔ)句n;}else{語(yǔ)句;}四、switch語(yǔ)句switch語(yǔ)句用于將表達(dá)式的值與多個(gè)值進(jìn)行比較,根據(jù)比較結(jié)果執(zhí)行對(duì)應(yīng)的語(yǔ)句,其基本語(yǔ)法格式如下。switch(表達(dá)式){case值1:{語(yǔ)句1;break;}case值2:{語(yǔ)句2;break;}……default:{語(yǔ)句n;}}任務(wù)二循環(huán)語(yǔ)句一、for語(yǔ)句for語(yǔ)句通過設(shè)置循環(huán)變量,根據(jù)循環(huán)變量控制循環(huán)語(yǔ)句執(zhí)行的次數(shù),其基本語(yǔ)法格式如下。for(初始表達(dá)式;判斷表達(dá)式;更新表達(dá)式){循環(huán)體語(yǔ)句;}初始表達(dá)式在循環(huán)開始前執(zhí)行,一般用來定義循環(huán)變量。判斷表達(dá)式是循環(huán)的條件,當(dāng)判斷表達(dá)式結(jié)果為true時(shí),執(zhí)行循環(huán)體語(yǔ)句;當(dāng)判斷表達(dá)式結(jié)果為false時(shí),結(jié)束for語(yǔ)句。循環(huán)體語(yǔ)句執(zhí)行后,再執(zhí)行更新表達(dá)式,接著執(zhí)行判斷表達(dá)式,然后重復(fù)前面的過程。二、for-in語(yǔ)句for-in語(yǔ)句用于對(duì)一個(gè)集合的數(shù)據(jù)屬性和方法進(jìn)行遍歷。每獲得集合中的一個(gè)數(shù)據(jù)屬性,就執(zhí)行一次循環(huán)體。集合可以是數(shù)組或?qū)ο?其基本語(yǔ)法格式如下。for(變量in對(duì)象){循環(huán)體語(yǔ)句;}三、while語(yǔ)句while語(yǔ)句是根據(jù)條件表達(dá)式的結(jié)果,控制循環(huán)體語(yǔ)句是否執(zhí)行,其基本語(yǔ)法格式如下。while(條件表達(dá)式){循環(huán)體語(yǔ)句;}先判斷條件表達(dá)式,如果為true,則執(zhí)行循環(huán)體語(yǔ)句;如果為false,則結(jié)束while語(yǔ)句。循環(huán)體語(yǔ)句執(zhí)行后,重復(fù)判斷條件表達(dá)式,再根據(jù)結(jié)果確定后續(xù)是執(zhí)行循環(huán)體語(yǔ)句,還是結(jié)束while語(yǔ)句。while語(yǔ)句是前測(cè)試型循環(huán),若條件不成立,則循環(huán)體語(yǔ)句一次都不會(huì)執(zhí)行。任務(wù)三do-while語(yǔ)句一、語(yǔ)法規(guī)則do-while語(yǔ)句先執(zhí)行循環(huán)體語(yǔ)句,然后判斷條件表達(dá)式,如果條件表達(dá)式為true,則重復(fù)執(zhí)行循環(huán)體語(yǔ)句;如果條件表達(dá)式為false,則結(jié)束do-while語(yǔ)句,其基本語(yǔ)法格式如下。do{循環(huán)體語(yǔ)句;}while(條件表達(dá)式);do-while語(yǔ)句是后測(cè)試型循環(huán),由于它是在循環(huán)體語(yǔ)句執(zhí)行后再進(jìn)行條件判斷,所以循環(huán)體語(yǔ)句至少會(huì)執(zhí)行一次。二、break和continue語(yǔ)句break語(yǔ)句用于結(jié)束當(dāng)前語(yǔ)句。如果是循環(huán)語(yǔ)句,則結(jié)束當(dāng)前循環(huán),執(zhí)行循環(huán)語(yǔ)句后的語(yǔ)句。continue語(yǔ)句用于提前結(jié)束本次循環(huán),循環(huán)語(yǔ)句內(nèi)還沒執(zhí)行的語(yǔ)句不再執(zhí)行,重新開始下一次循環(huán)。任務(wù)四函數(shù)一、函數(shù)定義函數(shù)的定義是指創(chuàng)建一個(gè)可重復(fù)使用的代碼塊,用于執(zhí)行特定的任務(wù)或計(jì)算特定的值。在JavaScript中,函數(shù)的定義可以使用function關(guān)鍵字和函數(shù)名,以及一組參數(shù)和函數(shù)體來實(shí)現(xiàn)。函數(shù)定義格式如下。function函數(shù)名(參數(shù)1,參數(shù)2……){函數(shù)體代碼語(yǔ)句;return表達(dá)式;}參數(shù)是函數(shù)執(zhí)行前接收的數(shù)據(jù)。函數(shù)可以沒有參數(shù),但是要保留括號(hào)。函數(shù)的功能由執(zhí)行函數(shù)體代碼語(yǔ)句實(shí)現(xiàn)。函數(shù)可以在執(zhí)行函數(shù)體代碼語(yǔ)句后,通過return表達(dá)式返回一個(gè)值。函數(shù)可以沒有return表達(dá)式,只執(zhí)行函數(shù)體代碼語(yǔ)句。return表達(dá)式只能用于函數(shù)中。函數(shù)內(nèi)定義的變量是局部變量,具有局部范圍,只能在定義它們的函數(shù)中使用;函數(shù)外定義的變量是全局變量,是在整個(gè)JavaScript代碼中都有效的變量。二、函數(shù)調(diào)用函數(shù)的調(diào)用是指使用函數(shù)名稱和參數(shù)列表執(zhí)行函數(shù)體,以計(jì)算出函數(shù)的返回值。在JavaScript中,函數(shù)的調(diào)用可以使用函數(shù)名和一組參數(shù)來實(shí)現(xiàn)。函數(shù)調(diào)用語(yǔ)句的格式如下。函數(shù)名(參數(shù)1,參數(shù)2……)在使用函數(shù)調(diào)用語(yǔ)句時(shí),參數(shù)的類型、個(gè)數(shù)和順序要和函數(shù)定義時(shí)的參數(shù)類型、個(gè)數(shù)和順序相同。由于JavaScript在函數(shù)調(diào)用時(shí)不會(huì)進(jìn)行參數(shù)檢測(cè),所以如果不一致,則會(huì)發(fā)生未知錯(cuò)誤。作業(yè)布置一、問答題(1)各條件語(yǔ)句之間有什么不同?(2)各循環(huán)語(yǔ)句之間有什么不同?(3)在switch語(yǔ)句中,各分支為什么要使用break語(yǔ)句?(4)在JavaScript中如何定義和調(diào)用一個(gè)函數(shù)?(5)函數(shù)調(diào)用時(shí)參數(shù)的類型和順序有什么規(guī)定?(6)打印字符