關於變量定義及命名
現在談談關於變量及方法等的命名,沒有硬性規定,但為了規范,遵循一些約定還是很有必要的。
變量定義:好的做法是把將要使用的變量名用一個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
