JS中的函式

函式就是重複執行的程式碼片。

 

函式定義與執行

• <script type="text/javascript">
    // 函式定義
    function fnAlert(){
        alert('hello!');
    }
    // 函式執行
    fnAlert();
  </script>

 

變數與函式預解析

• JavaScript解析過程分為兩個階段，先是編譯階段，然後執行階段，在編譯階段會將function定義的函式提前，並且將var定義的變數宣告提前，將它賦值為undefined。

<scripttype="text/javascript">   
    fnAlert();       // 彈出 hello！
    alert(iNum);  // 彈出undefined
    function fnAlert(){
        alert('hello!');
    }
    var iNum = 123;
</script>

 

匿名函式

• 定義的函式可以不給名稱，這個叫做匿名函式，可以將匿名函式直接賦值給元素繫結的事件來完成匿名函式的呼叫。不可單獨寫。

  <scripttype="text/javascript">

1.載入：window.onload= function(){
    2.獲取：var oBtn =document.getElementById('btn1');
    /*
    oBtn.onclick = myalert;
    function myalert(){
        alert('ok!');
    }
    */
    // 直接將匿名函式賦值給繫結的事件

oBtn.onclick = function (){
        alert('ok!');
    }
}

</script>

 

函式傳參

 <script type="text/javascript">
    function fnAlert(a){
        alert(a);
    }
    fnAlert(12345);
</script>

 

函式的return

1. 返回函式執行的結果
2. 結束函式的執行
3. 阻止預設行為

   <scripttype="text/javascript">
function fnAdd(iNum01,iNum02){
    var iRs = iNum01 + iNum02;
    return iRs;
    alert('here!');
}

var iCount = fnAdd(3,4);
alert(iCount);  //彈出7
</script>