avascript中的自执行匿名函数应用示例

 更新时间:2014年09月15日 16:48:14   投稿:whsnow  
javascript中的自执行匿名函数可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许

Javascript中的自执行匿名函数
格式:

(function(){ 
//代码 
})(); 

解释:这是相当优雅的代码(如果你首次看见可能会一头雾水:)),包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。
来个带参数的例子:

(function(arg){ 
alert(arg+100); 
})(20); 
// 这个例子返回120。 

重要用途:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许

(function(){ 
function $(id){ 
return document.getElementById(id); 
} 
function __addClass(id,className,classValue){ 
$(id).style.className=classValue; 
} 
window['mySpace']={}; 
window['mySpace']['addClass']=__addClass; 
})();

上面的例子就可以用这种伪命名空间封装并保护自己的所有函数、对象和变量。而且,由于它们位于同一个函数中,所以可以互相引用。为了对受保护的代码进行全局化,随后的一对括号告诉浏览器立即执行返回的匿名函数,而且在执行期间将__addClass()赋值给了window的一个方法,这样在外部只能执行addClass而__addClass被保护起来了。我可以这样调用它:mySpace.addClass('oneId','font-width','bold')

相关文章

  • 用Javascript评估用户输入密码的强度(Knockout版)

    用Javascript评估用户输入密码的强度(Knockout版)

    早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)
    2011-11-11
  • js设置和获取自定义属性的方法

    js设置和获取自定义属性的方法

    下面小编就为大家带来一篇js设置和获取自定义属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • bootstrap 通过加减按钮实现输入框组功能

    bootstrap 通过加减按钮实现输入框组功能

    这篇文章主要介绍了bootstrap 输入框组 通过加减按钮来增加删除内嵌输入框组,当我点击 + 按钮时,会添加一行输入框组;当点击 - 按钮时,会删除这一行输入框组。具体实现代码大家参考下本文
    2017-11-11
  • 基于Javascript实现返回顶部按钮

    基于Javascript实现返回顶部按钮

    这篇文章主要为大家详细介绍了基于Javascript实现返回顶部按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 在SSM框架下用laypage和ajax实现分页和数据交互的方法

    在SSM框架下用laypage和ajax实现分页和数据交互的方法

    今天小编大家分享一篇在SSM框架下用laypage和ajax实现分页和数据交互的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript的hashCode函数实现代码小结

    javascript的hashCode函数实现代码小结

    网上找了好一轮,找到个比较像样而且足够短的 hashCode 实现,是从 Java 的 hashCode 中借鉴而得的。原理见 Java hashCode() ,也可以跟这里的 Java String 的源码 参照对比一下
    2020-08-08
  • JSX在render函数中的应用详解

    JSX在render函数中的应用详解

    这篇文章主要介绍了JSX在render函数中的应用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 兼容IE,firefox的获取节点的文本值的javascript代码

    兼容IE,firefox的获取节点的文本值的javascript代码

    javascript获取节点的文本值,已经考虑了兼容性。大家可以放心使用。注意了这里的兼容没有使用innerText,如果要使用兼容innerText,请参考脚本之家以前发布的文章。
    2009-12-12
  • JS错误处理与调试操作实例分析

    JS错误处理与调试操作实例分析

    这篇文章主要介绍了JS错误处理与调试操作,结合实例形式分析了JavaScript错误捕获、处理、调试工具、断点调试等相关操作技巧,需要的朋友可以参考下
    2020-04-04
  • 基于JavaScript实现生成名片、链接等二维码

    基于JavaScript实现生成名片、链接等二维码

    本文使用javascript技术实现生成名片、链接等二维码的代码,代码简单易懂并附有注释,需要的朋友可以参考下本文
    2015-09-09

最新评论