JavaScript 匿名函数的作用

huanongying 2016-05-04

    在 WEB 开发中有时候有这样的需求:用 JavaScript 技术,我们要在一个函数 fun 中传递一个类型为函数的参数 b ,并且函数 b 又要带参数,该怎么办呢?且看下面的例子。

<script>
function func(a,b) {
 alert(a);//你的业务逻辑
 b();//运行函数 b
}
var c = 5;
func(1,function(c) {
  c=c+5
  alert(c);
});
</script>​

   运行上面的例子可以知道,第二个 alert 打印出来的是 NaN 。及无法通过上面的方法传参。这时匿名函数就派上用场了。

<script>
function func(a,b) {
 alert(a);//你的业务逻辑
 b();//运行函数 b
}
var c = 5;
func(1,(function(c) {
  return function() {//返回一个匿名函数作为参数
      c=c+5
      alert(c);
  }
})(c));
</script>

   这时就会2个弹窗提示,第一个是1,第二个是10。也许你会感到奇怪,为什么要在匿名函数再次返回一个函数。

<script>
function func(a,b) {
 alert(a);//你的业务逻辑
 b();//运行函数 b
}
var c = 5;
func(1,(function(c) {
  c=c+5
  alert(c);
})(c));
</script>

    可以看到会有2个弹窗提示,但第一个是 10,第二个是 1 。并且用 google chrome 的开发人员工具的控制台可以看到有如下错误:


JavaScript 匿名函数的作用
 

(function(c) {

  c=c+5

  alert(c);

})(c)


   在 func 函数中,在第一个括号内,是一个匿名函数;第二个括号,表示立即执行。

关于匿名函数可以参考这里。

原文链接:http://woqilin.blogspot.com/2012/10/javascript.html

个人主页: https://plus.google.com/+sherlockwang/posts

相关推荐