Javascript入门(三)函数

Javascript函数

     

 一、函数定义与执行

<script type="text/javascript">
  
   //define
   function fun1(){
      alert('hello');
   }

   //execute
   fun1(); 
 
</script>

      

二、变量与函数解析：

       Javascript 解析过程是先编译后执行。编译时将函数定义提前，但是如果是变量的执行在定义之前前，则会返回undefinded，如下

<script type="text/javascript">
  
  fun1();            //弹出 hello
  alert(num2)     //弹出undefined
  
   //define
   function fun1(){
      alert('hello');
   }

   var num2 = 1
 
</script>

 

三、匿名函数function

      Javascirpt 的可以不用给定义的函数起名称，因此也叫匿名函数。调用可以通过直接绑定给元素来完成调用。

      1、

<script type="text/javascript">
  
    var val1 = document.getElementById('div1');     
    div1.onclick = fun1;
    function fun1(){
       alert('hello');
    }
    
</script>

      2、通过直接绑定调用：

<script type="text/javascript">
  
    var val1 = document.getElementById('div1');     
    div1.onclick = function{
            
          alert('hello');
    }
    
</script>

      3、传递参数

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

   fun1(123);
    
</script>

     4、 return---返回值

<script type="text/javascript">
  
     
    function fun1(a，b){
          var c = a+b;  
          return c;
    }

   var num  = fun1(1,2);
    alert(num);
</script>