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>