認清Javascript的地位並編寫合理的Javascript代碼

標籤：等於   定位字元   ppi   可讀性   col   line   student   提高   注釋   

        作為前端程式員，一定要認清javascript的地位，不要被它亂七八糟的特點所迷惑。JavaScript主要是用來操控和重新調整DOM，通過修改DOM結構，從而達到修改頁面效果的目的。

      要用這個中心思想指導以後的所有js學習，包括它的架構。

      所謂合理就是合乎道理。那麼合理的javascript代碼通常遵循哪些原則？筆者認為至少要遵循以下幾點： 

有意義的命名 

無論選擇駝峰命名法還是匈牙利命名法，見名知意是最重要也最基本的一條法則。同時也要避免會產生歧義的命名。

例如 變數“目前時間”

var d;不好的命名    

 var currentTime 好的命名           

每一個函數只幹一件事

        每個函數只幹一件事就是避免把所有商務邏輯都放在同一個函數中完成，這樣的好處是代碼更為簡潔，可讀性提高，易於維護及複用。

合理的傳參

 

舉個簡單的例子：好的傳參funcation  queryStudent(Json student){      ……………….}不好的傳參funcation  queryStudent(id,name,…){      ……………….}

 

合理的DOM

合理的var  phaseObject =  {northLeftPhase = document.getElementById(‘northLeftPhase‘) }phaseObject.northLeftPhase.src=‘http://phase.com/n/left.png‘;不合理的document.getElementByID(‘northLeftPhase‘).src = ‘http://phase.com/n/left.png‘;

 

合理的注釋

語言精練，使用規範的注釋模式，防止多意義，常更新。原則，並不是所有的變數函數都需要注釋，一般注釋哪些比較生澀的演算法。精練的注釋//Selector the Elements var  findElements = window. findElements = function( exp ){ ....................... }不精練的注釋//Selector the Elements by GetElementById & getElementsByTagN ....Var findElements = window. findElements = function( exp ){ ....................... }注釋 ！= 字幕好的// find [ID = A] var oA = document.getElementById(‘A‘);不好的/*Found through the document.getElementByID*/ var oA = document.getElementById(‘A‘);

 

合理的排版縮排排版(Indentation)

4個空格常被作為縮排排版的一個單位。縮排的確切解釋並未詳細指定(空格 vs. 定位字元)。一個定位字元等於n個空格(視具體的編輯器而定，Eclipse預設一個定位字元為4個字元)。

行長度(Line Length)

盡量避免一行的長度超過80個字元，因為很多終端和工具不能很好處理之。

注意：鑒於Eclipse開發工具工作區的左側和右側都被非代碼編輯器所佔據，因此建議每行的代碼長度不要超過70個字元。

 換行(Wrapping Lines)

• •   當一個運算式無法容納在一行內時，可以依據如下一般規則斷開之：
  • ·在一個逗號後面斷開；
  • ·在一個操作符前面斷開；
  • ·寧可選擇較進階別(higher-level)的斷開，而非較低層級(lower-level)的斷開；
  • ·新的一行應該與上一行同一層級運算式的開頭處對齊。

模組化編程

• 便於管理；
• 提高開發效率；
• 減少錯改代碼的次數；
• 易於維護；
• 提高代碼可讀性；
• 易於構建大型項目。

認清Javascript的地位並編寫合理的Javascript代碼