重構之前的代碼

仔細分析了一下重構這個事,不少程序員都是寫了一些不負責任的代碼,給項目積累了不少「疾病」後一走了之。這樣是對本身的解放,也是對本身的不負責。由於代碼重構,的確能讓你更加的瞭解本身,提高本身。javascript

最近重構了一段之前的代碼。也受到了一些別人的啓發。代碼就不所有拿來了,就記錄一下重構的幾個重要的思路。前端

1.策略模式:java

若是你的代碼裏有這樣一個結構:jquery

if(v==a){
}else if(v==b){
}else if(v==c){
}...
那麼你極可能用獲得策略模式。在面向對象的思想的幫助下,很容易在js裏將這段代碼改寫爲:

var do={
"a":function(){},
"b":function(){},
"c":function(){}...
};
do[v];

2.事件綁定:

若是你須要給大量的元素綁定事件,那麼你能夠用到這種方式:程序員

var bindFunc = function(e){
<span style="white-space:pre">	</span>//doSomeThing...
}
if(container.addEventListener){
	etable.addEventListener("click",bindFunc);
}else if(container.attachEvent){
	etable.attachEvent("onclick",bindFunc);
}
3.採用原生的dom操做,放棄jquery

jquery是好用,可是也禁錮了咱們的思惟,隨着更多流行的js框架的大行其道,是咱們好好面對前端開發這個深水池的時候了。

框架

相關文章
相關標籤/搜索