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

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