HTML5教案第21講 JavaScript函數1

web前端開發(fā)JavaScript函數（教案）教學內容及教學過程說明步驟一問題引入計算機世界中如何描述一事物例如汽車、課本和電視機等，這一類事物既有類似于形狀、顏色、大小又有功能、速度等性質，因此引入了描述復雜事物的類型-對象。問題1：什么是對象？回答1：。問題2：函數的作用？回答2：。步驟二講授6.1JavaScript對象6.1.1JavaScript對象概述JavaScript中的所有事物都是對象：字符串、數值、數組、函數...。對象只是一種特殊的數據。對象擁有屬性和方法。在JavaScript中，創(chuàng)建對象的方式共有兩種，分別可通過newObject()和{}兩種方法實現。(1)newObject();使用new關鍵字去創(chuàng)建對象。例：varobj=newDate();//obj就是Date()實例化的對象(2)還可以直接通過{}，利用現有值，直接實例化一個對象。例：varobject1={id:1,name:"張三"};"6.1.2對象的屬性和方法JavaScript對象中的名稱:值對(鍵與值以冒號分割)被稱為屬性。varobject1={id:1,name:"張三"};//id和name都是對象object1的屬性。針對對象的屬性，我們可以對其進行添加、刪除以及檢測。(1)添加屬性：為已存在的對象添加屬性。如：object1.age="20";(2)刪除屬性：通過delete刪除已存在的對象屬性。如：delete;(3)檢測屬性：判斷某個屬性是否存在于此對象之中。如：xinobject1;在JavaScript中，提供了兩種訪問屬性的方式：①對象名.屬性名；②對象名["屬性名”]。對象也可以有方法。對象方法通過添加()調用(作為一個函數)。方法是在對象上執(zhí)行的動作。對象的方法定義了一個函數，并作為對象的屬性存儲?？梢酝ㄟ^方法名：function{}來創(chuàng)建方法。通過對象名.方法名()來訪問方法。6.2JavaScript函數6.2.1創(chuàng)建函數函數是被設計為執(zhí)行特定任務的代碼塊，JavaScript函數通過function關鍵詞進行定義，其后是函數名和括號()。函數名可包含字母、數字、下劃線和美元符號（規(guī)則與變量名相同），圓括號可包括由逗號分隔的參數，由函數執(zhí)行的代碼被放置在花括號中。函數中的代碼將在其他代碼調用該函數時執(zhí)行，并且可由JavaScript在任何位置進行調用。函數聲明后不會被立即執(zhí)行，只有用戶需要時才會調用。函數聲明語法如下。(1)使用function關鍵字定義函數functionfunctionName(parameter1,parameter2,parameter3){//要執(zhí)行的代碼}(2)通過表達式定義函數varmyfun=function(parameter1,parameter2,parameter3){//要執(zhí)行的代碼}6.2.2函數的引入方法將腳本編寫成函數可以避免頁面載入時執(zhí)行該腳本。函數包含著一些代碼，這些代碼只能被事件激活，或者在函數被調用時才會執(zhí)行。用戶可以在頁面中任何位置調用腳本(如果函數嵌入一個外部的.js文件，也可以從其他頁面中調用)。內部腳本：將JS代碼定義在HTML頁面中在HTML中，JavaScript代碼必須位于<script>與</script>標簽之間外部腳本：將JS代碼定義在外部JS文件中，然后引入到HTML頁面中引入外部js文件：<scriptsrc="../js/demo.js"></script>6.2.3函數的參數JavaScript函數定義中所列的名稱，JavaScript函數的參數與大多數其他語言的函數的參數有所不同。函數不介意傳遞進來多少個參數，也不在乎傳進來的參數是什么數據類型，甚至可以不傳參數。函數定義并未指定函數形參的類型，函數調用也未對傳入的實參值做任何類型檢查。實際上，JavaScript函數調用甚至不檢查傳入形參的個數。myFunction(argument1,argument2,…)聲明函數時，把參數作為變量來聲明。functionmyFunction(var1,var2){//要執(zhí)行的代碼}6.2.4實現代碼示例定義函數add(x,y)，調用函數時返回x+y的和 <script>functionadd(x,y)//定義函數{varresult=0;result=x+y;alert(x+'+'+y+"="+result);} </script>6.2.5函數參數傳遞(1)按值傳遞是指在函數中調用的參數是函數的隱式參數。JavaScript隱式參數通過值來傳遞：函數僅僅獲取值。如果函數修改參數的值，不會修改顯式參數的初始值（在函數外定義）。隱式參數的改變在函數外是不可見的。(2)按地址傳遞。函數調用時如果實參是對象的話，那么形參接受的是實參地址的副本，因此在函數內部修改對象的屬性就會修改其初始的值。修改對象屬性可作用于函數外部（全局變量）。修改對象屬性在函數外是可見的，也就是說當函數內部對象改變了，那么實參的對象也會改變。一般來說作為地址傳遞的參數都是引用數據類型，如數組、字符串、對象等。6.2.6函數的返回值與作用域1.函數返回值。當函數執(zhí)行完時，并不是所有函數都要輸出結果。如果期望函數給出一些反饋（比如計算的結果返回進行后續(xù)的運算），可以讓函數返回值。(2)若函數沒有顯示的返回值，函數會默認返回undefined。(3)若手動地設置了函數的返回值（return）后，函數將返回開發(fā)者手動設置的值(4)在函數中，一旦執(zhí)行完成return語句，那么整個函數就結束了，(5)return之后的值只能有一個。2.作用域（scope）指一個變量的作用范圍，JavaScript中有兩種作用域：一種是全局作用域，另一種是函數作用域（局部作用域）。全局作用域，直接編寫在script標簽中的js代碼，都在全局作用域，全局作用域在頁面打開時創(chuàng)建，在頁面關閉時銷毀，在全局作用域中有一個全局對象window，它代表的是一個瀏覽器窗口，它由瀏覽器創(chuàng)建，可以直接使用。在全局作用域中，創(chuàng)建的變量都會作為window對象的屬性保存；創(chuàng)建的函數都會作為window對象的方法保存，全局作用域中的變量都是全局變量，在頁面的任意的部分都可以訪問得到。函數的作用域，調用函數時創(chuàng)建函數作用域，函數執(zhí)行完畢以后，函數作用域銷毀。每調用一次函數就會創(chuàng)建一個新的函數作用域，在函數內部定義的變量成為函數作用域的變量，變量之間是互相獨立的，在函數作用域中可以訪問到全局作用域的變量，在全局作用域中無法訪問函數作用域的變量，在函數作用域中操作一個變量時，它會先在自身作用域中尋找，如果有就直接使用；如果沒有則向上一級作用域中尋找，直到找到全局作用域；如果全局作用域中依然沒有找到，則會報錯ReferenceError，在函數中要訪問全局作用域變量可以使用window對象，在函數中，不使用var聲明的變量都會成為全局變量。步驟三課堂小結1．函數定義和返回值2．變量作用域重點理解返回值的作用步驟四作業(yè)問題引入第1題（2）課后作業(yè)1.定義一個函數，返回數值型參數的和。2.定義輸出函數驗證全局變量和局部作用域。JavaScr