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

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