当前位置：首页 > 资讯 > 技术文档

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

时间：2022-07-30 21:38 编辑：来源：阅读：
扫一扫，手机访问

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

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

全部评论(0)

上一篇：JavaScript控制table某列不显示的方法
下一篇：js 获取当前web应用的上下文路径实现方法

资讯排行榜
更多>>