前端中變量命名規(guī)范有哪些

前端中變量命名規(guī)范有哪些，很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

　　前端變量命名定義

　　變量定義：好的做法是把將要使用的變量名用一個(gè)var關(guān)鍵字一并定義在代碼開頭，變量名間用逗號隔開。原因有二：

　　一是便于理解，知道下面的代碼會用到哪些變量，同時(shí)代碼顯得整潔且有規(guī)律，也方便管理，變量定義與邏輯代碼分開；

　　二是因?yàn)镴avaScript中所有變量及函數(shù)名會自動(dòng)提升，也稱之為JavaScript的Hoist特性，即使你將變量的定義穿插在邏輯代碼中，在代碼解析運(yùn)行期間，這些變量的聲明還是被提升到了當(dāng)前作用域最頂端的，所以我們將變量定義在一個(gè)作用域的開頭是更符合邏輯的一種做法。當(dāng)然，再次說明這只是一種約定，不是必需的。

　　前端變量命名方法

　　變量及函數(shù)命名一般使用駝峰命名法（CamelCase），即首個(gè)單詞的首字母小寫，后面單詞首字母大寫，比如resultArray，requestAnimationFrame。對于常量，所有字母采用大寫，多個(gè)單詞用下劃線隔開，比如WIDTH=100，BRUSH_COLOR='#00ff00'。當(dāng)變量是jQuery類型時(shí)，建議以$開頭，開始會不習(xí)慣，但經(jīng)常用了之后會感覺很方便，因?yàn)榭梢院芊奖愕貙⑺c普通變量區(qū)別開來，一看到以$開頭我們就知道它是jQuery類型可以直接在其身上調(diào)用jQuery相關(guān)的方法，比如var$element=$('a');之后就可以在后面的代碼中很方便地使用它，并且與其他變量容易區(qū)分開來。

　　引號的使用：既然都扯了這些與插件主題無關(guān)的了，這里再多說一句，一般HTML代碼里面使用雙引號，而在JavaScript中多用單引號，比如下面代碼所示：

　　varname='Wayou';

　　document.getElementById(‘example’).innerHTML='<ahref保持雙引號，JavaScript中保持單引號

　　一方面，HTML代碼中本來就使用的是雙引號，另一方面，在JavaScript中引號中還需要引號的時(shí)候，要求我們單雙引號間隔著寫才是合法的語句，除非你使用轉(zhuǎn)意符那也是可以的。再者，堅(jiān)持這樣的統(tǒng)一可以保持代碼風(fēng)格的一致，不會出現(xiàn)這里字符串用雙引號包著，另外的地方就在用單引號。

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。