在代码中经常看到有匿名自执行函数的使用,下面就通过代码实例简单介绍一下它的一些用法。

所谓匿名函数自然就是没有名称的函数,代码如下代码:
   [ bootstrap ] 运行代码    下载代码
<script>
(function(){ 
  //code
})();
</script>
上面是非常常见的一个代码结构,下面做一下简单分析。

function(){//code}是一个匿名函数,但是你绝对不能写成如下方式:
   [ bootstrap ] 运行代码    下载代码
<script>
function(){ 
  //code
}();
</script>
上面的代码会报错,具体原因可以参阅js中小括号()的用法详解一章节。

在实际应用中,可以为匿名函数传递参数,代码如下:
   [ bootstrap ] 运行代码    下载代码
<script>
(function(arg){ 
  console.log(arg+80); 
})(20);
</script>
匿名函数还有一个非常重要的作用就是代码进行封装,匿名函数中的内容可以与外界隔绝,防止污染。

代码如下:
   [ bootstrap ] 运行代码    下载代码
<script>
(function(){ 
  function $(id){ 
    return document.getElementById(id); 
  } 
  function __addClass(id,className,classValue){ 
    $(id).style.className=classValue; 
  } 
  window['mySpace']={}; 
  window['mySpace']['addClass']=__addClass; 
})();
</script>

代码描述:js匿名自执行函数。js匿名自执行函数源码实例



130 173



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到