JavaScript 匿名函数的作用

    在 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>

 

扫描二维码关注公众号，回复： 487633 查看本文章

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

 

(function(c) {

  c=c+5

  alert(c);

})(c)

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

 

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

 

 

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

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