超全面的javascript中變量命名規則

前言

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

全名原則

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

匈牙利命名法

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

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

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

語法

變量名 = 類型 + 對象描述

1. 類型指變量的類型
2. 對象描述指對象名字全稱或名字的一部分，要求有明確含義，命名要容易記憶容易理解。

通過在變量名前面添加相應小寫字母的符號標示作為前綴，標示出變量的類型，前綴后面是一個或多個單詞組合，單詞描述了變量的用途。如果是 jquery 對象，則用 $ 作為變量名的前綴。

提示

雖然 javascript 變量表面上沒有類型，但是 javascript 內部還是會為變量賦予相應的類型。

匈牙利命名法是一位微軟程序員發明的，多數的 c，c++ 程序都使用此命名法。

類型

示例

var aName = [1, 2, 3];
var oBtn = document.getElementById('btn');
function fnName(){};
var iCount = 0;
var sName = "zhuyujia";

駝峰式命名法

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

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

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

語法

變量名或函數名是由一個或多個單詞連結在一起，其中第一個單詞以小寫字母開始，后面的所有單詞的首字母都采用大寫字母，這樣的變量名看上去就像駱駝峰一樣此起彼伏，故得名。

示例

var myName = "zhuyujia";
var formSubmit = document.getElementById("submit");
function timeCount(){}

帕斯卡命名法

Pascal命名法（Pascal Case，巴斯卡命名法／帕斯卡命名法），電腦程序編寫時的一套命名規則（慣例）。

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

單字之間不以空格斷開或連接號（-）、下劃線（_）鏈接，第一個單前綴字母采用大寫字母；后續單字的首字母亦用大寫字母，例如：FirstName、LastName。每一個單字的首字母都采用大寫字母的命名格式，被稱為“Pascal命名法”，源自于Pascal語言的命名慣例，也有人稱之為“大駝峰式命名法”（Upper Camel Case），為駝峰式大小寫的子集。

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

語法

和駝峰式命名法類似，只不過第一個單詞的首字母需要大寫。

示例

var MyName = "zhuyujia";
var FormSubmit = document.getElementById("submit");
function TimeCount(){}

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。