龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript学习笔记(四)function函数部分(2)

时间:2014-10-03 12:11来源:网络整理 作者:网络 点击:
分享到:
script type="text/javascript" var box = (function (){ alert('Lee'); })(); //弹出”Lee”; alert(box); //弹出 undefined,如果写出alert(box()),那么只会弹出一个"Lee" /script 自我执行

    <script type="text/javascript">
    var box =  (function (){          
           alert('Lee');
      })();         //弹出”Lee”;
    alert(box);   //弹出 undefined,如果写出alert(box()),那么只会弹出一个"Lee"  
    </script>

自我执行匿名函数的传参:

复制代码 代码如下:

//自我执行匿名函数的传参

    <script type="text/javascript">
    (function (age){
     alert(age);
    })(100);          //弹出100
    </script>

javascript创建动态函数:

  JavaScript支持创建动态函数,动态函数必须用Function对象来定义(Function是javascript中的一个对象,是固定不变的,规定Function对象的"F"必须大写,当是function的时候,我们知道是定义函数的时候所使用的一个关键字:function funName(x,y),当是Function的时候(F大写的时候),我们知道是javascript中的对象)

创建动态函数的基本格式:var 变量名 = new Function("参数1","参数2","参数n","执行语句");
看下面的一段代码:

复制代码 代码如下:

    <script type="text/javascript">
            var square = new Function ("x","y","var sum ; sum = x+y;return sum;");
             alert("square(2,3)的结果是:"+square(2,3));  //square(2,3)的结果是:5
    </script>

square是动态创建的函数,在Function对象后面的括号里的每一部分内容都必须是字符串形式的,也就是说都必须用引号(""或者是'')括起来

这段代码:

var square = new Function ("x","y","var sum ; sum = x+y;return sum;");
和下面这段代码:

复制代码 代码如下:

function square (x,y){
          var sum;
          sum = x+y;
          return sum;
     }

是一摸一样的,只不过一个是动态函数,一个是静态函数。
我们为什么要把代码分成一小段一小段的代码呢?,把一个字符串分成了若干个独立的字符串的优点就在于我们可以通过修改其中的某些字符串来随时改变函数的作用。

回调函数

回调就是一个函数的调用过程。那么就从理解这个调用过程开始吧。函数a有一个参数,这个参数是个函数b,当函数a执行完以后执行函数b。那么这个过程就叫回调。

其实中文也很好理解:回调,回调,就是回头调用的意思。函数a的事先干完,回头再调用函数b。

这里必须清楚一点:函数b是你以参数形式传给函数a的,那么函数b就叫回调函数。

在jquery里的绝大多数效果函数都涉及到callback函数。jquery效果函数
例如:

复制代码 代码如下:

<script type="text/javascript">
        $("div").show(1000,function(){
            //callback function
        });
</script>

这里的callback function换成实例可以是:

复制代码 代码如下:

<script type="text/javascript">
    $("div").show(1000,function(){
        console.log("hello world")
    });
</script>

Callback实际上是,当一个函数执行完后,现执行的那个函数就是所谓的callback函数。怎么样?很好理解吧……

方法和函数的区别

精彩图集

赞助商链接