超全面的javascript中變量命名規(guī)則
前言
變量的命名相對(duì)而言沒有太多的技術(shù)含量,今天整理有關(guān)于變量命名相關(guān)的規(guī)則,主要是想告訴大家,雖然命名沒有技術(shù)含量,但對(duì)于個(gè)人編碼,或者說一個(gè)團(tuán)隊(duì)的再次開發(fā)及閱讀是相當(dāng)有用的。良好的書寫規(guī)范可以讓你的JavaScript代碼更上一個(gè)臺(tái)階,也更有利于團(tuán)隊(duì)的再次開發(fā)和閱讀代碼。
全名原則
- 變量名區(qū)分大小寫,允許包含字母、數(shù)字、美元符號(hào)($)和下劃線,但第一個(gè)字符不允許是數(shù)字,不允許包含空格和其他標(biāo)點(diǎn)符號(hào)
- 變量命名長度應(yīng)該盡可能的短,并抓住要點(diǎn),盡量在變量名中體現(xiàn)出值的類型
- 盡量避免使用沒有意義的命名
- 禁止使用JavaScript關(guān)鍵詞、保留字全名
- 變量名命名方法常見的有匈牙利命名法、駝峰命名法和帕斯卡命名法
匈牙利命名法
匈牙利命名法匈牙利命名法是電腦程序設(shè)計(jì)中的一種變量命名規(guī)則,此命名法又可細(xì)分為:系統(tǒng)匈牙利命名法和匈牙利應(yīng)用命名法。
匈牙利命名法具備語言獨(dú)立的特性,并且首次在BCPL語言中被大量使用。由于BCPL只有機(jī)器字這一種數(shù)據(jù)類型,因此這種語言本身無法幫助程序員來記住變量的類型。匈牙利命名法通過明確每個(gè)變量的數(shù)據(jù)類型來解決這個(gè)問題。
在匈牙利命名法中,一個(gè)變量名由一個(gè)或多個(gè)小寫字母開始,這些字母有助于記憶變量的類型和用途,緊跟著的就是程序員選擇的任何名稱。這個(gè)后半部分的首字母可以大寫,以區(qū)別前面的類型指示字母。
語法
變量名 = 類型 + 對(duì)象描述
- 類型指變量的類型
- 對(duì)象描述指對(duì)象名字全稱或名字的一部分,要求有明確含義,命名要容易記憶容易理解。
通過在變量名前面添加相應(yīng)小寫字母的符號(hào)標(biāo)示作為前綴,標(biāo)示出變量的類型,前綴后面是一個(gè)或多個(gè)單詞組合,單詞描述了變量的用途。如果是 jquery 對(duì)象,則用 $ 作為變量名的前綴。
提示
雖然 javascript 變量表面上沒有類型,但是 javascript 內(nèi)部還是會(huì)為變量賦予相應(yīng)的類型。
匈牙利命名法是一位微軟程序員發(fā)明的,多數(shù)的 c,c++ 程序都使用此命名法。
類型
javascript 變量命名類型 | 變量命名前綴 |
---|---|
array 數(shù)組 | a |
boolean 布爾值 | b |
float 浮點(diǎn)數(shù) | l |
function 函數(shù) | fn |
int 整型 | i |
object 對(duì)象 | o |
regular 正則 | r |
string 字符串 | s |
示例
var aName = [1, 2, 3]; var oBtn = document.getElementById('btn'); function fnName(){}; var iCount = 0; var sName = "zhuyujia";
駝峰式命名法
當(dāng)變量名和函數(shù)名稱是由二個(gè)或多個(gè)單字鏈接在一起,而構(gòu)成的唯一識(shí)別字時(shí),利用“駝峰式大小寫”來表示,可以增加變量和函數(shù)的可讀性。
“駝峰式大小寫(Camel-Case)一詞來自Perl語言中普遍使用的大小寫混合格式,而Larry Wall等人所著的暢銷書《Programming Perl》(O'Reilly出版)的封面圖片正是一匹駱駝?!?/p>
“駝峰式大小寫”命名規(guī)則可視為一種慣例,并無絕對(duì)與強(qiáng)制,為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則,在程序編寫時(shí)應(yīng)保持一致格式。
語法
變量名或函數(shù)名是由一個(gè)或多個(gè)單詞連結(jié)在一起,其中第一個(gè)單詞以小寫字母開始,后面的所有單詞的首字母都采用大寫字母,這樣的變量名看上去就像駱駝峰一樣此起彼伏,故得名。
示例
var myName = "zhuyujia"; var formSubmit = document.getElementById("submit"); function timeCount(){}
帕斯卡命名法
Pascal命名法(Pascal Case,巴斯卡命名法/帕斯卡命名法),電腦程序編寫時(shí)的一套命名規(guī)則(慣例)。
當(dāng)變量名和函數(shù)名稱是由二個(gè)或二個(gè)以上單字鏈接在一起,而構(gòu)成的唯一識(shí)別字時(shí),用以增加變量和函數(shù)的可讀性。
單字之間不以空格斷開或連接號(hào)(-)、下劃線(_)鏈接,第一個(gè)單前綴字母采用大寫字母;后續(xù)單字的首字母亦用大寫字母,例如:FirstName、LastName。每一個(gè)單字的首字母都采用大寫字母的命名格式,被稱為“Pascal命名法”,源自于Pascal語言的命名慣例,也有人稱之為“大駝峰式命名法”(Upper Camel Case),為駝峰式大小寫的子集。
“Pascal命名法”可視為一種命名慣例,并無絕對(duì)與強(qiáng)制,為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則,在程序編寫時(shí)應(yīng)保持格式的一致性。
語法
和駝峰式命名法類似,只不過第一個(gè)單詞的首字母需要大寫。
示例
var MyName = "zhuyujia"; var FormSubmit = document.getElementById("submit"); function TimeCount(){}
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
javascript學(xué)習(xí)筆記(七)Ajax和Http狀態(tài)碼
這篇文章主要介紹了javascript中Ajax和Http狀態(tài)碼,非常的簡單實(shí)用,有需要的朋友可以參考下2014-10-10JavaScript字符串對(duì)象fromCharCode方法入門實(shí)例(用于把Unicode值轉(zhuǎn)換為字符串)
這篇文章主要介紹了JavaScript字符串對(duì)象fromCharCode 方法入門實(shí)例,fromCharCode用于把Unicode值轉(zhuǎn)換為字符串,需要的朋友可以參考下2014-10-10JavaScript入門教程(4) js瀏覽器對(duì)象
navigator 瀏覽器對(duì)象,包含了正在使用的 Navigator 的版本信息。反映了當(dāng)前使用的瀏覽器的資料。JavaScript 客戶端運(yùn)行時(shí)刻引擎自動(dòng)創(chuàng)建 navigator 對(duì)象。2009-01-01javascript實(shí)現(xiàn)滑動(dòng)解鎖功能
這篇文章主要介紹了javascript實(shí)現(xiàn)滑動(dòng)解鎖功能的方法及示例,效果非常棒,需要的朋友可以參考下2014-12-12