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')

相关文章

  • 利用js将ajax获取到的后台数据动态加载至网页中的方法

    利用js将ajax获取到的后台数据动态加载至网页中的方法

    今天小编就为大家分享一篇利用js将ajax获取到的后台数据动态加载至网页中的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • layui获取选中行数据的实例讲解

    layui获取选中行数据的实例讲解

    今天小编就为大家分享一篇layui获取选中行数据的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 微信小程序实现简单搜索功能

    微信小程序实现简单搜索功能

    这篇文章主要为大家详细介绍了微信小程序实现简单搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript 语言基础知识点总结(思维导图)

    JavaScript 语言基础知识点总结(思维导图)

    这篇文章通过思维导图格式总结了JavaScript 语言基础知识点,想要学习js的朋友可以参考下
    2013-11-11
  • JS实现让访问者自助选择网页文字颜色的方法

    JS实现让访问者自助选择网页文字颜色的方法

    这篇文章主要介绍了JS实现让访问者自助选择网页文字颜色的方法,涉及javascript针对radio表单控件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 客户端JavaScript的线程池设计详解

    客户端JavaScript的线程池设计详解

    这篇文章主要为大家介绍了客户端JavaScript的线程池设计,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • javascript 支持ie和firefox杰奇翻页函数

    javascript 支持ie和firefox杰奇翻页函数

    杰奇小说系统用到的翻页函数,支持firefox,官方自带的模板不支持,这样大家就可以用firefox浏览网页了,在网页木马横行的今天,firefox比ie要安全不少
    2008-07-07
  • JS实现判断碰撞的方法

    JS实现判断碰撞的方法

    这篇文章主要介绍了JS实现判断碰撞的方法,实例分析了通过js判断实体碰撞的技巧与相关应用,需要的朋友可以参考下
    2015-02-02
  • TypeScript中Getter/Setter用法详解

    TypeScript中Getter/Setter用法详解

    getter使我们能够将属性绑定到在访问属性时调用的函数,而setter将属性绑定到在尝试设置属性时调用的函数,下面就跟随小编来看看TypeScript中Getter/Setter的用法吧
    2024-10-10
  • JS实现520 表白简单代码

    JS实现520 表白简单代码

    本文是小编基于js实现的520表白代码,代码简单易懂非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-05-05

最新评论