编写可维护的js代码

最近还是在写js,也一直在琢磨这怎样写才能更具有维护性的js,今天下午看js高级程序设计感觉自己有点门道,特此记录下来:

  1.变量的名称:应该取到最起码看见一个变量知道是什么类型的应该就可以了,例:

var bSign = true,  //boolean
     sName = "jie", // string
     oClass = {};  // object

     2. js的耦合性,这也是我最常犯的错误,不知不觉就写的不好了,但是有时候还有其他因素,比如时间紧,等,没办法,不过还是降低耦合性比较好,这点很重要,我以后写会一定主意的,例:

View Code
1 var handleClick = function(id){
2 var ele = $(id);
3 ele.onclick = function(){
4 this.innerHTML = "jie";
5 }
6 }
7
8 handleClick("id");

  这是一个很简单的例子,只是为了说明问题,点击某元素改变它的text,但是如果你想要改变成mouseover和text的内容,的话也许就会重新复制一份然后改一下,那样的话这两个是完全的两个逻辑但是可以这样写:

var handleEvent = function(id){
var ele = $(id);
ele.onmouseover
= function(){
changeText(
this,msg);
}

}
function changeText(ele,msg){
ele.innerHTML
= msg;
}
handleEvent("jie")

比起上面的应该有点那么意思了,也就是业务逻辑与事件处理分开,也许很多人就是这样做的,也有意识这样写,但是对我来说写时间长了以后就会忘记,所以特此记下.

  3这是摘自js高级程序设计里的一句话:

    任何事件处理程序都应该处理事件,然后将处理交给应用逻辑,也就是说没有事件处理一般不会影响应用逻辑的进行。

posted @ 2011-06-12 21:24    Views(246)  Comments(0)    收藏  举报