超全面的javascript中變量命名規(guī)則
前言
變量的命名相對(duì)而言沒(méi)有太多的技術(shù)含量,今天整理有關(guān)于變量命名相關(guān)的規(guī)則,主要是想告訴大家,雖然命名沒(méi)有技術(shù)含量,但對(duì)于個(gè)人編碼,或者說(shuō)一個(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)
- 變量命名長(zhǎng)度應(yīng)該盡可能的短,并抓住要點(diǎn),盡量在變量名中體現(xiàn)出值的類型
- 盡量避免使用沒(méi)有意義的命名
- 禁止使用JavaScript關(guān)鍵詞、保留字全名
- 變量名命名方法常見的有匈牙利命名法、駝峰命名法和帕斯卡命名法
匈牙利命名法
匈牙利命名法匈牙利命名法是電腦程序設(shè)計(jì)中的一種變量命名規(guī)則,此命名法又可細(xì)分為:系統(tǒng)匈牙利命名法和匈牙利應(yīng)用命名法。
匈牙利命名法具備語(yǔ)言獨(dú)立的特性,并且首次在BCPL語(yǔ)言中被大量使用。由于BCPL只有機(jī)器字這一種數(shù)據(jù)類型,因此這種語(yǔ)言本身無(wú)法幫助程序員來(lái)記住變量的類型。匈牙利命名法通過(guò)明確每個(gè)變量的數(shù)據(jù)類型來(lái)解決這個(gè)問(wèn)題。
在匈牙利命名法中,一個(gè)變量名由一個(gè)或多個(gè)小寫字母開始,這些字母有助于記憶變量的類型和用途,緊跟著的就是程序員選擇的任何名稱。這個(gè)后半部分的首字母可以大寫,以區(qū)別前面的類型指示字母。
語(yǔ)法
變量名 = 類型 + 對(duì)象描述
- 類型指變量的類型
- 對(duì)象描述指對(duì)象名字全稱或名字的一部分,要求有明確含義,命名要容易記憶容易理解。
通過(guò)在變量名前面添加相應(yīng)小寫字母的符號(hào)標(biāo)示作為前綴,標(biāo)示出變量的類型,前綴后面是一個(gè)或多個(gè)單詞組合,單詞描述了變量的用途。如果是 jquery 對(duì)象,則用 $ 作為變量名的前綴。
提示
雖然 javascript 變量表面上沒(méi)有類型,但是 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í),利用“駝峰式大小寫”來(lái)表示,可以增加變量和函數(shù)的可讀性。
“駝峰式大小寫(Camel-Case)一詞來(lái)自Perl語(yǔ)言中普遍使用的大小寫混合格式,而Larry Wall等人所著的暢銷書《Programming Perl》(O'Reilly出版)的封面圖片正是一匹駱駝?!?/p>
“駝峰式大小寫”命名規(guī)則可視為一種慣例,并無(wú)絕對(duì)與強(qiáng)制,為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則,在程序編寫時(shí)應(yīng)保持一致格式。
語(yǔ)法
變量名或函數(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語(yǔ)言的命名慣例,也有人稱之為“大駝峰式命名法”(Upper Camel Case),為駝峰式大小寫的子集。
“Pascal命名法”可視為一種命名慣例,并無(wú)絕對(duì)與強(qiáng)制,為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則,在程序編寫時(shí)應(yīng)保持格式的一致性。
語(yǔ)法
和駝峰式命名法類似,只不過(guò)第一個(gè)單詞的首字母需要大寫。
示例
var MyName = "zhuyujia";
var FormSubmit = document.getElementById("submit");
function TimeCount(){}
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。
相關(guān)文章
javascript學(xué)習(xí)筆記(七)Ajax和Http狀態(tài)碼
這篇文章主要介紹了javascript中Ajax和Http狀態(tài)碼,非常的簡(jiǎn)單實(shí)用,有需要的朋友可以參考下2014-10-10
JavaScript字符串對(duì)象fromCharCode方法入門實(shí)例(用于把Unicode值轉(zhuǎn)換為字符串)
這篇文章主要介紹了JavaScript字符串對(duì)象fromCharCode 方法入門實(shí)例,fromCharCode用于把Unicode值轉(zhuǎn)換為字符串,需要的朋友可以參考下2014-10-10
JavaScript入門教程(4) js瀏覽器對(duì)象
navigator 瀏覽器對(duì)象,包含了正在使用的 Navigator 的版本信息。反映了當(dāng)前使用的瀏覽器的資料。JavaScript 客戶端運(yùn)行時(shí)刻引擎自動(dòng)創(chuàng)建 navigator 對(duì)象。2009-01-01
javascript實(shí)現(xiàn)滑動(dòng)解鎖功能
這篇文章主要介紹了javascript實(shí)現(xiàn)滑動(dòng)解鎖功能的方法及示例,效果非常棒,需要的朋友可以參考下2014-12-12

