天天看點

最佳實踐(JavaScript)

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進階程式指南》

繼續閱讀