Web前端技術主講人：XXX

XXX學院任務9統(tǒng)計學生考試成績【知識目標】

理解函數的含義；

掌握函數的語法；

掌握函數的聲明及調用；

了解遞歸函數；

了解閉包函數；

了解立即執(zhí)行函數?！炯寄苣繕恕?/p>

能夠根據需求創(chuàng)建與調用函數；

能夠根據函數功能合理設置參數和返回值?！舅刭|目標】

培養(yǎng)學生分析問題、解決問題的能力；

激發(fā)學生的學習熱情，培養(yǎng)學生學習的積極性；

培養(yǎng)學生良好的代碼編寫規(guī)范；

培養(yǎng)學生嚴謹的邏輯思維。教學目標知識導圖什么是函數在JavaScript中，函數是一組具有特定功能的代碼塊。例如，把算術運算的功能封裝起來，就形成一個算述運算器，利用該運算器就能夠對不同的數據進行運算，并得到運算結果。

在實際的Web項目中，函數的應用非常廣泛。因為使用函數具有提升代碼的重用性、便于后期修改與維護、控制執(zhí)行時機、提升開發(fā)效率等諸多好處。什么是函數在計算學生期末成績平均分時，通常按以下方式進行，即逐個計算學生的期末成績平均分。Student1=（語文+數學+英語+物理+化學）/5Student2=（語文+數學+英語+物理+化學）/5…如果需要統(tǒng)計幾百個甚至更多學生的平均分會怎樣？結論：每個學生期末平均分都需要按以上方法來計算，如果學生人數很少的情況下，這種方法是可行可取的；如果學生的人數非常多的情況下，再使用這種方法，工作量就會變量非常大。此時，就可以把計算平均分的功能封裝起來，然后調用該功能來計算每個同學的平均分，這樣的效率要比傳統(tǒng)的方式要高，而且還可以減小出錯的概率。什么是函數函數的應用function函數名(參數){

函數體}【參數說明】function：必須，聲明函數的關鍵字。函數名：必須，函數名的命名規(guī)范可參考變量的命名規(guī)范。參數：可選，用于向函數體內傳遞數據，多個參數用逗號（,）隔開。函數體：函數的功能代碼。（1）函數的語法格式

在JavaScript中，聲明函數也可以理解為創(chuàng)建函數，在創(chuàng)建的過程中，參數是可選的，可根據實際需要是否帶參數。

參數又可以分為形式參數（簡稱形參）和實際參數（簡稱實參），其中，形參是指在函數中用于向函數體傳遞數據的形式參數，實參是指在調用函數時用于向函數體傳遞的實際數據。

函數創(chuàng)建完成后，是不會自動執(zhí)行的，需要調用函數，函數才會執(zhí)行。【案例1】使用函數實現(xiàn)在頁面輸出字符“細節(jié)決定成?。　薄景咐?】使用函數求任意兩個數的和。（2）函數的聲明及調用遞歸函數遞歸函數

如果一個函數在內部可以調用其本身，那么這個函數就是遞歸函數，簡單理解就是函數內部自己調用自己，以下是對JavaScript遞歸函數的詳細解釋。

基本原理：遞歸函數在執(zhí)行時，會反復調用自身，每次調用時解決一個更小的子問題，直到達到基本情況(終止條件)，然后逐層返回結果，最終得到最終的解決方案。

終止條件：遞歸函數必須定義一個或多個終止條件，以避免無限循環(huán)。終止條件是指當滿足某個條件時，函數不再調用自身，而是返回結果或執(zhí)行其他操作。遞歸調用：在遞歸函數中，函數會在某些情況下調用自身，將問題分解為更小的子問題，并對子問題進行處理。通過遞歸調用，函數可以在不同的層級上解決問題，最終達到解決整個問題的目的。參數傳遞：在每次遞歸調用中，可以傳遞不同的參數值，以便在每個子問題中進行計算或操作。這樣，每次遞歸調用的參數值可能會有所不同。示例代碼：動態(tài)計算階乘。<script>functionfunc(n){ if(n==1){ return1; }else{ returnn*func(n-1); }}console.log(func(5));</script>閉包函數閉包函數閉包是指有權訪問另一個函數作用域中的變量的函數，從本質上看，閉包是將函數內部和函數外部連接起來的橋梁。創(chuàng)建閉包的常見方式，就是在一個函數內部創(chuàng)建另一個函數。閉包的最大用處有三個：（1）函數外部讀取函數內部的變量（局部變量）。（2）封閉數據，實現(xiàn)數據私有，防止變量被污染。（3）讓變量的值始終保持在內存中。需要注意，由于閉包會使變量的值始終保持在內存中，垃圾回收無法釋放變量的內存，這會導致內存泄漏、造成內存消耗等問題。示例代碼：在函數f1外部訪問函數體內的局部變量n。<script>functionf1(){ letn=999; //聲明函數f2，可以把f2看成是閉包函數 functionf2(){ return++n; } returnf2;}letresult=f1();console.log(result());//輸出1000console.log(result());//輸出1001</script>箭頭函數箭頭函數是一種匿名函數，它是由ES6擴充完成。使用箭頭函數來定義函數，語法將會更加簡潔，同時還可提升代碼的可讀性和可維護性，在實際的Web項目應用非常廣泛。箭頭函數語法格式如下：(參數1,參數2,…,參數N)=>{函數體}【參數說明】（1）如果函數沒有參數時，小括號()不能省略。

()=>{函數體}（2）如果函數體只有一個表達式時，包裹函數體的花括號可以省略。

(參數1,參數2,…,參數N)=>表達式（3）如果只有一個參數時，包裹參數的小括號()可以省略。

單一參數=>{函數體}（4）因為箭頭函數是一種匿名函數，在實際的應用過程中，通常把函數賦給常量。（1）