JavaScript變量: 變量命名原則


變量的命名相對而言沒有太多的技術含量,今天整理有關於變量命名相關的原則,主要是想告訴大家,雖然命名沒有技術含量,但對於個人編碼,或者說一個團隊的再次開發及閱讀是相當有用的。良好的書寫規范可以讓你的JavaScript代碼更上一個台階,也更有利於團隊的再次開發和閱讀代碼。

全名原則

  • 變量名區分大小寫,允許包含字母、數字、美元符號($)和下划線,但第一個字符不允許是數字,不允許包含空格和其他標點符號
  • 變量命名長度應該盡可能的短,並抓住要點,盡量在變量名中體現出值的類型
  • 盡量避免使用沒有意義的命名
  • 禁止使用JavaScript關鍵詞、保留字全名
  • 變量名命名方法常見的有匈牙利命名法、駝峰命名法和帕斯卡命名法

變量命名方法

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

匈牙利命名法

匈牙利命名法匈牙利命名法是電腦程序設計中的一種變量命名規則,此命名法又可細分為:系統匈牙利命名法和匈牙利應用命名法。

匈牙利命名法具備語言獨立的特性,並且首次在BCPL語言中被大量使用。由於BCPL只有機器字這一種數據類型,因此這種語言本身無法幫助程序員來記住變量的類型。匈牙利命名法通過明確每個變量的數據類型來解決這個問題。

在匈牙利命名法中,一個變量名由一個或多個小寫字母開始,這些字母有助於記憶變量的類型和用途,緊跟着的就是程序員選擇的任何名稱。這個后半部分的首字母可以大寫,以區別前面的類型指示字母。

匈牙利命名法:

變量名=數據類型+對象描述
  • 數據類型:指點是JavaScript中六種數據類型之一,undefinednullbooleannumberstringObject
  • 對象描述:指對象名字全稱或名字的一部分,而且要有明確含義,易記而且還要好理解

有ES6之后,數據的類型不再是六種了,其新增加了Symbol這個新數據類型,有關於Symbol的相關介紹,可以閱讀這篇文章《深入解析ES6: Symbol》。

先來看個示例

var aPerson = []; // Array數組 var oBtn = document.getElementById('btn'); //Object對象 var fnName = function () {}; // function函數 var sName = "w3cplus"; // string字符串 

如上面的示例中的變量名稱aPersonoBtnfnName或者sName。每個變量名前都有代表數據類型的對應字母,然后后面緊跟有意義的單個單詞名多個單詞,並且單詞的字母都大寫(其實這種方法,稱之為駝峰寫法,后面會介紹)。

JavaScript變量名中代表數據類型都有對應的字線,如下所示:

  • s: 表示字符串String
  • i: 表示整型Int(它是Number中的整數類型)
  • fl: 表示浮點Float(它是Number中的小數類型)
  • b: 表示布爾Boolean
  • a: 表示數組Array
  • o: 表示對象Object
  • fn: 不示函數Function
  • re: 表示正則Regular Expression

有關於匈牙利命名更多的細節可以點擊這里閱讀。

駝峰命名法

當變量名和函數名稱是由二個或多個單字鏈接在一起,而構成的唯一識別字時,利用“駝峰式大小寫”來表示,可以增加變量和函數的可讀性。

“駝峰式大小寫(Camel-Case)一詞來自Perl語言中普遍使用的大小寫混合格式,而Larry Wall等人所著的暢銷書《Programming Perl》(O'Reilly出版)的封面圖片正是一匹駱駝。”

“駝峰式大小寫”命名規則可視為一種慣例,並無絕對與強制,為的是增加識別和可讀性。一旦選用或設置好命名規則,在程序編寫時應保持一致格式。

駝峰命名法常見有兩種格式:

  • 小駝峰式命名法(lower camel case):第一個單字以小寫字母開始;第二個單字的首字母大寫,例如:firstNamelastName
  • 大駝峰式命名法(upper camel case):每一個單字的首字母都采用大寫字母,例如:FirstNameLastNameCamelCase,也被稱為Pascal命名法

有關於駝峰式命名方法更多的介紹,可以點擊這里閱讀。

帕斯卡命名法

Pascal命名法(Pascal Case,巴斯卡命名法/帕斯卡命名法),電腦程序編寫時的一套命名規則(慣例)。

當變量名和函數名稱是由二個或二個以上單字鏈接在一起,而構成的唯一識別字時,用以增加變量和函數的可讀性。

單字之間不以空格斷開或連接號(-)、下划線(_)鏈接,第一個單前綴字母采用大寫字母;后續單字的首字母亦用大寫字母,例如:FirstNameLastName。每一個單字的首字母都采用大寫字母的命名格式,被稱為“Pascal命名法”,源自於Pascal語言的命名慣例,也有人稱之為“大駝峰式命名法”(Upper Camel Case),為駝峰式大小寫的子集。

“Pascal命名法”可視為一種命名慣例,並無絕對與強制,為的是增加識別和可讀性。一旦選用或設置好命名規則,在程序編寫時應保持格式的一致性。

有關於帕斯卡命名法更詳細的介紹可以點擊這里閱讀。

雖然上面三種方法在JavaScript中命名變量常見的方法,也是很多規范推薦使用的命名方法;但除此之外還有別的方法。比如說變量名有兩個或多個單詞時,可以在多個單詞間使用-_連接起來。如first-name或者說first_name

總結

文章簡單介紹了一些有關於在JavaScript中變量命名的一些原則。並且介紹了變量命名的常用的幾種方法,比如匈牙利命名法駝峰命名法帕斯卡命名法等。不管使用什么方法來命名一個變量,但文章開始提到變量名區分大小寫,允許包含字母、數字、美元符號($)和下划線,但第一個字符不允許是數字,不允許包含空格和其他標點符號變量名禁止使用JavaScript關鍵詞、保留字全名這兩點,不然很容易給代碼帶來災難性的錯誤。

 

如需轉載,煩請注明出處:http://www.w3cplus.com/javascript/variable-naming-principles.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM