1、什么是函數
如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數（function）就是一組允許在你的代碼里隨時調用的語句。每個函數實際上是一個短小的腳本。
如:要完成多組數和的功能。
var sum;sum = 3+2;alear(sum); sum = 7+8;alear(sum);......//不停的重復兩行代碼
如果要實現8組數的和，就需要16行代碼，實現的越多，代碼行也就越多。所以我們可以把完成特定功能的代碼塊放到一個函數里，直接調用這個函數，就省去重復輸入大量代碼的麻煩。使用函數完成：
function add(a,b){ sum = a+b;//只需要寫一次就可以 }; add2(3,2); add2(7,8); ......//只需要調用函數就可以2、定義函數
定義函數語法
function 函數名(參數argument){ 函數體statements; } //function定義函數的關鍵字，“函數名”你為函數取的名字，“函數體”替換為完成特定功能的代碼。function shout(){ var beatles = Array("John","Paul","George","Ringo"); for (var count = 0; count < beatles.length; count++){ alert(beatles[count]); } } //這個函數里面的循環語句將依次彈出對話框來顯示beatles里面內容。 shout();調用函數，執行腳本里的動作完成對兩個數求和并顯示結果的功能：
<script type="text/javascript"> function add2(){ sum = 3+2; alert()sum; } add2(); </script>3、函數調用
函數定義好后，是不能自動執行的，需要調用它,直接在需要的位置寫函數名。
第一種情況:在<script>標簽內調用。
<script type="text/javascript"> function add(){ sum = 1+1; alert(sum); } add();//調用函數，直接寫函數名。</script>第二種情況:在HTML文件中調用，如通過點擊按鈕后調用定義好的函數。
<html> <head> <script type="text/javascript"> function add2(){ sum = 5 + 6; alert(sum); } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()"> //按鈕,onclick點擊事件，直接寫函數名 </form> </body> </html>4、有參數的函數
其實，定義函數還可以如下格式：
function 函數名(參數1，參數2){
函數代碼
}
在定義函數時，你可以為它聲明任意多個參數，只要用逗號把它們分隔開來就行。在函數內部，你可以像使用普通變量那樣使用它的任何一個參數。
按照這個格式，函數實現任意兩個數的和應該寫成：
function add2(x,y){ sum = x + y; document.write(sum); } //x和y則是函數的兩個參數，調用函數的時候，我們可通過這兩個參數把兩個實際的加數傳遞給函數了。實現如下功能:
定義函數實現三個數的和，函數名為add3。
計算5、8、3/7、1、4兩組三個數的和。
<script type="text/JavaScript"> function add3(x,y,z) { sum = x + y +z; document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>"); } add3(5,8,3); add3(7,1,4); </script>5、返回值的函數
函數不僅能夠(以參數的形式)接收數據，還能夠返回數據。我們完全可以創建一個函數并讓它返回一個值、一個字符串、一個數組或是一個布爾值。這是需要用到return語句。
function multiply(num1,num2){ var total = num1*num2; return total; }之前通過"document.write"把結果輸出來，現在使用函數輸出
我們只要把"document.write(sum)"這行改成如下代碼：
function add2(x,y){ sum = x + y; return sum; //返回函數值,return后面的值叫做返回值。 } //還可以通過變量存儲調用函數的返回值： result = add2(3,4);//語句執行后，result變量中的值為7。例：下面這個函數只有一個參數（一個華氏溫度值），它將返回一個數值（同一溫度的攝氏溫度值）：
<script type="text/javascript"> function convertToCelsius (temp) { var result = temp - 32; result = result / 1.8; return result; } //函數的真正價值體現在，我們還可以把它們當做一種數據類型來使用，這意味著可以把一個函數的調用結果賦給一個變量： var temp_fahrenheit = 95; var temp_celsius = convertToCelsius(temp_fahrenheit); alert(temp_celsius); </script>
在這個例子里，變量temp_celsius的值將是35，這個數值由convertToCelsius函數返回。
在命名變量時，我用下劃線來分隔各個單詞；在命名函數時，我從第二個單詞開始把每個單詞的第一個字母寫成大寫形式（也就是駝峰命名法）。
1）、變量的作用域
變量既可以是全局的，也可以是局部的。
全局變量（global variable）可以在腳本中的任何位置被引用。一旦你在某個腳本里聲明了一個全局變量，就可以從這個腳本中的任何位置------包括函數內部------引用它。全局變量的作用域是整個腳本。
局部變量（local variable）只存在于聲明它的那個函數的內部，在那個函數的外部是無法引用它的。局部變量的作用域僅限于某個特定的函數。
可以用var關鍵字明確地為函數變量設定作用域。
如果在某個函數中使用了var，那個變量就將被視為一個局部變量，它只存在于這個函數的上下文中；反之，如果沒有使用var，那個變量就將被視為一個全局變量，如果腳本里已經存在一個與之同名的全局變量，這個函數就會改變那個全局變量值。
例子：
function square(num){ total = num*num; return total; } var total = 50; var number = square(20);alert(total);這是錯誤的，number的值為400，但是這里alert彈出的是total的值，應該是50.
這些代碼將不可避免地導致全局變量total的值發生變化。
全局變量total的值變成了400.我的本意是讓square()函數只把它計算出來的平方值返回給變量number，但因為未把這個函數內部total變量明確地聲明為局部變量，這個函數把名字同樣是total的那個全局變量的值也改變了。
把這個函數寫成如下的樣子才是正確的：
function square(num){ var total = num*num; return total; } var total = 50; var number = square(20); alert(total); </script>正確結果：
以上就是關于Javascript函數的學習筆記，還涉及到了一些變量的知識點，希望對大家的學習有所幫助。
新聞熱點
疑難解答
