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>