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

评论

2 楼 gwh_08 2012-04-13  

gwh_08 写道

兄弟，对style的设置那个好像有问题吧
  function __addClass(id,className,classValue){
                $(id).style.className=classValue;
           }
添加名字为className的样式，的写法这样些 $(id).style.className设置不到，无法完成将值className传递给$(id).style.className中的className，如果alert($(id).style.className)会弹出"undefined"，正确的写法应该是$(id).style[className]=classValue;

补充：
而且，当样式涉及到连接符号“”时，首字母应该变为大写，去掉连接符号。以'font-width'为例，应该变为'fontWidth'否则为无效样式。

1 楼 gwh_08 2012-04-13  

兄弟，对style的设置那个好像有问题吧
  function __addClass(id,className,classValue){
                $(id).style.className=classValue;
           }
添加名字为className的样式，的写法这样些 $(id).style.className设置不到，无法完成将值className传递给$(id).style.className中的className，如果alert($(id).style.className)会弹出"undefined"，正确的写法应该是$(id).style[className]=classValue;