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、维护简单。