變量的命名相對(duì)而言沒(méi)有太多的技術(shù)含量，今天整理有關(guān)于變量命名相關(guān)的原則，主要是想告訴大家，雖然命名沒(méi)有技術(shù)含量，但對(duì)于個(gè)人編碼，或者說(shuō)一個(gè)團(tuán)隊(duì)的再次開(kāi)發(fā)及閱讀是相當(dāng)有用的。良好的書(shū)寫(xiě)規(guī)范可以讓你的JavaScript代碼更上一個(gè)臺(tái)階，也更有利于團(tuán)隊(duì)的再次開(kāi)發(fā)和閱讀代碼。

全名原則

變量名區(qū)分大小寫(xiě)，允許包含字母、數(shù)字、美元符號(hào)($)和下劃線，但第一個(gè)字符不允許是數(shù)字，不允許包含空格和其他標(biāo)點(diǎn)符號(hào)

變量命名長(zhǎng)度應(yīng)該盡可能的短，并抓住要點(diǎn)，盡量在變量名中體現(xiàn)出值的類型

盡量避免使用沒(méi)有意義的命名

禁止使用JavaScript關(guān)鍵詞、保留字全名

變量名命名方法常見(jiàn)的有匈牙利命名法、駝峰命名法和帕斯卡命名法

變量命名方法

變量命名的方法常見(jiàn)的有匈牙利命名法、駝峰命名法和帕斯卡命名法。這里簡(jiǎn)單來(lái)看看這三種命名法的使用以及它們的不同之處。

匈牙利命名法

匈牙利命名法匈牙利命名法是電腦程序設(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è)小寫(xiě)字母開(kāi)始，這些字母有助于記憶變量的類型和用途，緊跟著的就是程序員選擇的任何名稱。這個(gè)后半部分的首字母可以大寫(xiě)，以區(qū)別前面的類型指示字母。

匈牙利命名法:

變量名＝數(shù)據(jù)類型+對(duì)象描述

數(shù)據(jù)類型：指點(diǎn)是JavaScript中六種數(shù)據(jù)類型之一,undefined、null、boolean、number、string和Object

對(duì)象描述：指對(duì)象名字全稱或名字的一部分，而且要有明確含義，易記而且還要好理解

示例：

var aPerson = [ ];// Array數(shù)組

var oBtn = document.getElementById('btn');//Object對(duì)象

var fnName =function() {};// function函數(shù)

var sName ="w3cplus";// string字符串

如上面的示例中的變量名稱aPerson、oBtn、fnName或者sName。每個(gè)變量名前都有代表數(shù)據(jù)類型的對(duì)應(yīng)字母，然后后面緊跟有意義的單個(gè)單詞名多個(gè)單詞，并且單詞的字母都大寫(xiě)（其實(shí)這種方法，稱之為駝峰寫(xiě)法，后面會(huì)介紹）。

JavaScript變量名中代表數(shù)據(jù)類型都有對(duì)應(yīng)的字線，如下所示：

s: 表示字符串String

i: 表示整型Int(它是Number中的整數(shù)類型)

fl: 表示浮點(diǎn)Float(它是Number中的小數(shù)類型)

b: 表示布爾Boolean

a: 表示數(shù)組Array

o: 表示對(duì)象Object

fn: 不示函數(shù)Function

re: 表示正則Regular Expression

駝峰命名法

當(dāng)變量名和函數(shù)名稱是由二個(gè)或多個(gè)單字鏈接在一起，而構(gòu)成的唯一識(shí)別字時(shí)，利用“駝峰式大小寫(xiě)”來(lái)表示，可以增加變量和函數(shù)的可讀性。

“駝峰式大小寫(xiě)（Camel-Case）一詞來(lái)自Perl語(yǔ)言中普遍使用的大小寫(xiě)混合格式，而Larry Wall等人所著的暢銷書(shū)《Programming Perl》（O'Reilly出版）的封面圖片正是一匹駱駝?！?/p>

“駝峰式大小寫(xiě)”命名規(guī)則可視為一種慣例，并無(wú)絕對(duì)與強(qiáng)制，為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則，在程序編寫(xiě)時(shí)應(yīng)保持一致格式。

駝峰命名法常見(jiàn)有兩種格式：

小駝峰式命名法（lower camel case）：第一個(gè)單字以小寫(xiě)字母開(kāi)始；第二個(gè)單字的首字母大寫(xiě)，例如：firstName、lastName。

大駝峰式命名法（upper camel case）：每一個(gè)單字的首字母都采用大寫(xiě)字母，例如：FirstName、LastName、CamelCase，也被稱為Pascal命名法。

帕斯卡命名法

Pascal命名法（Pascal Case，巴斯卡命名法／帕斯卡命名法），電腦程序編寫(xiě)時(shí)的一套命名規(guī)則。

當(dāng)變量名和函數(shù)名稱是由二個(gè)或二個(gè)以上單字鏈接在一起，而構(gòu)成的唯一識(shí)別字時(shí)，用以增加變量和函數(shù)的可讀性。

單字之間不以空格斷開(kāi)或連接號(hào)（-）、下劃線（_）鏈接，第一個(gè)單前綴字母采用大寫(xiě)字母；后續(xù)單字的首字母亦用大寫(xiě)字母，例如：FirstName、LastName。每一個(gè)單字的首字母都采用大寫(xiě)字母的命名格式，被稱為“Pascal命名法”，源自于Pascal語(yǔ)言的命名慣例，也有人稱之為“大駝峰式命名法”（Upper

Camel Case），為駝峰式大小寫(xiě)的子集。

“Pascal命名法”可視為一種命名慣例，并無(wú)絕對(duì)與強(qiáng)制，為的是增加識(shí)別和可讀性。一旦選用或設(shè)置好命名規(guī)則，在程序編寫(xiě)時(shí)應(yīng)保持格式的一致性。

雖然上面三種方法在JavaScript中命名變量常見(jiàn)的方法，也是很多規(guī)范推薦使用的命名方法；但除此之外還有別的方法。比如說(shuō)變量名有兩個(gè)或多個(gè)單詞時(shí)，可以在多個(gè)單詞間使用-或_連接起來(lái)。

如first-name或者說(shuō)first_name。

總結(jié)

文章簡(jiǎn)單介紹了一些有關(guān)于在JavaScript中變量命名的一些原則。并且介紹了變量命名的常用的幾種方法，比如匈牙利命名法、駝峰命名法和帕斯卡命名法等。不管使用什么方法來(lái)命名一個(gè)變量，但文章開(kāi)始提到變量名區(qū)分大小寫(xiě)，允許包含字母、數(shù)字、美元符號(hào)($)和下劃線，但第一個(gè)字符不允許是數(shù)字，不允許包含空格和其他標(biāo)點(diǎn)符號(hào)和變量名禁止使用JavaScript關(guān)鍵詞、保留字全名這兩點(diǎn)，不然很容易給代碼帶來(lái)災(zāi)難性的錯(cuò)誤。