前端開發中js變量定義及命名的規範建議

關於變量定義及命名

如今談談關於變量及方法等的命名，沒有硬性規定，但爲了規範，遵循一些約定仍是頗有必要的。

變量定義：好的作法是把將要使用的變量名用一個var關鍵字一併定義在代碼開頭，變量名間用逗號隔開。緣由有二：

• 一是便於理解，知道下面的代碼會用到哪些變量，同時代碼顯得整潔且有規律，也方便管理，變量定義與邏輯代碼分開；
• 二是由於JavaScript中全部變量及函數名會自動提高，也稱之爲JavaScript的Hoist特性，即便你將變量的定義穿插在邏輯代碼中，在代碼解析運行期間，這些變量的聲明仍是被提高到了當前做用域最頂端的，因此咱們將變量定義在一個做用域的開頭是更符合邏輯的一種作法。固然，再次說明這只是一種約定，不是必需的。

變量及函數命名 通常使用駝峯命名法（CamelCase），即首個單詞的首字母小寫，後面單詞首字母大寫，好比resultArray，requestAnimationFrame。對於常量，全部字母採用大寫，多個單詞用下劃線隔開，好比WIDTH=100，BRUSH_COLOR='#00ff00'。當變量是jQuery類型時，建議以$開頭，開始會不習慣，但常常用了以後會感受很方便，由於能夠很方便地將它與普通變量區別開來，一看到以$開頭咱們就知道它是jQuery類型能夠直接在其身上調用jQuery相關的方法，好比var $element=$('a'); 以後就能夠在後面的代碼中很方便地使用它，而且與其餘變量容易區分開來。

引號的使用：既然都扯了這些與插件主題無關的了，這裏再多說一句，通常HTML代碼裏面使用雙引號，而在JavaScript中多用單引號，好比下面代碼所示：

var name = 'Wayou';
document.getElementById(‘example’).innerHTML = '< a href="http: //wayouliu.duapp.com/">'+name+'</a>'; //href=".." HTML中保持雙引號，JavaScript中保持單引號

 

一方面，HTML代碼中原本就使用的是雙引號，另外一方面，在JavaScript中引號中還須要引號的時候，要求咱們單雙引號間隔着寫纔是合法的語句，除非你使用轉意符那也是能夠的。再者，堅持這樣的統一能夠保持代碼風格的一致，不會出現這裏字符串用雙引號包着，另外的地方就在用單引號。

 原文連接：

jQuery插件開發精品教程http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html