jsp页面的js的书写规范

jsp页面的js书写，每个开发者都有自己的一套方式，比较推荐的是如下的结构：

<script type="text/javascript">
(function(){
       //第一个对象的内部方法定义
        var obj1 = {};
       $.extend(obj1,{
              method1 : function(){
              var _this = this;
              $("#xxx").event(function(){
                     _this.method2();         //调用同一个对象中的其它方法，这里的_this经过初始化赋值后，被指向了obj1；否则如果这里写成this.method2()，则指向的是xxx对象
                      ......
              });

       },
       method2 : function(){
              obj2.method1();                   //调用不同对象的方法
                     ......
               }
       });

       //第二个对象的内部方法定义
       var obj2 = {};
       $.extend(obj2,{
              method1 : function(){
                     ......
              },
              method2 : function(){
                     .......
              }
        });

       //第n个对象的内部方法定义
              ......

       //初始化时调用方法
       $(document).ready(function(){
              obj1.method1();
              ......
       });
})();
</script>

这样写的作用：
1、单个页面的js进行了模块划分，不同的对象做不同的事情，思路清晰。
2、方法的作用域只作用于局部，与(function(){})();外部定义的方法或变量不冲突。
3、维护简单。