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>