1.可維護的代碼:
編寫可維護性的代碼很重要。因為大多數開發人員都花費大量的時間維護他人的代碼,很難從頭開始開發新代碼的。很多情況下是以他人的工作成果為基礎的。確定自己的代碼可維護性,以便于其他開發人員在此基礎上更好的開展工作。
什麼是可維護的代碼:
1.可了解性:其他人可以接受代碼,并了解它的意圖和一般途徑。而無需原開發人員的完整解釋。
2.直覺性:代碼中的東西一看就明白,不管其操作過程多麼複雜。
3.可适應性:代碼以一種資料上的變化不要求完全重寫的方法撰寫。
4.可擴充性:在代碼架構上已經考慮到未來允許對核心功能的擴充。
5.可調試性:代碼有足夠的的資訊來盡可能的确定問題的所在。
代碼約定:
一種讓代碼變得可維護性的簡單途徑就是形成一套JavaScript代碼書寫約定。比如:
可讀性(必須可讀):一般如下的地方需要注釋:函數和方法,大段代碼,複雜的算法,Hack等
變量和函數名:适當給變量和函數起名字增加代碼的可讀性和可維護性非常重要。比如:
變量名字應為名詞,函數名應該為動詞,變量和函數的名字應使用合乎邏輯的名字,不要擔心長度。
變量類型透明:初始化為一個特定資料類型可以很好的指明變量類型。
松散耦合:
隻要應用的某個部分過分依賴于某一個部分,代碼就耦合過緊,難于維護。比如:
解耦HTML和JavaScript:HTML是資料,JavaScript數行為。
解耦CSS和JavaScript:最常見的例子就是使用JavaScript修改樣式,這樣不好,我們應該通過JavaScript控制改變樣式類來到達修改樣式的功能。
由于JavaScript必須與HTML和css共存,是以讓各自完全定義其自己的目的非常重要:JavaScript應該定義行為,HTML負責定義内容,CSS負責定義外觀。
解耦應用邏輯和事件處理程式
2.程式設計實踐:
1.尊重對象的所有權:
2.避免使用全局量(最好有各自的命名空間)
3.避免與null比較:代碼中的null比較越少,就越容易确定代碼的目的,消除了不必要的錯誤。
4.使用常量。
3.性能:
1.注意作用域:
避免使用全局查找
避免使用with語句。
2.優化DOM互動:
在JavaScript中,DOM毫無疑問是最慢的一部分。DOM操作與互動要消耗大量時間。因為它們往往需要重新渲染整個頁面或者一部分。進一步說,看似細微的操作也可能花費很久來執行。因為DOM要處理非常多的資訊。了解如何優化與DOM的互動可以極大的提高腳本完成的速度。因為DOM的消耗很大,是以需要限制DOM操作的次數。
最小化現場更新
使用innerHTML
使用事件代理
4.部署:
建構過程
驗證壓縮:檔案壓縮(代碼長度和配重)和HTTP壓縮
待續.....
參考《JavaScript進階程式指南》