前言變量的命名相對而言沒有太多的技術含量，今天整理有關于變量命名相關的規(guī)則，主要是想告訴大家，雖然命名沒有技術含量，但對于個人編碼，或者說一個團隊的再次開發(fā)及閱讀是相當有用的。良好的書寫規(guī)范可以讓你的JavaScript代碼更上一個臺階，也更有利于團隊的再次開發(fā)和閱讀代碼。
全名原則
變量名區(qū)分大小寫，允許包含字母、數(shù)字、美元符號($)和下劃線，但第一個字符不允許是數(shù)字，不允許包含空格和其他標點符號
變量命名長度應該盡可能的短，并抓住要點，盡量在變量名中體現(xiàn)出值的類型
盡量避免使用沒有意義的命名
禁止使用
JavaScript關鍵詞、保留字全名變量名命名方法常見的有匈牙利命名法、駝峰命名法和帕斯卡命名法
匈牙利命名法
匈牙利命名法匈牙利命名法是電腦程序設計中的一種變量命名規(guī)則，此命名法又可細分為：系統(tǒng)匈牙利命名法和匈牙利應用命名法。
匈牙利命名法具備語言獨立的特性，并且首次在BCPL語言中被大量使用。由于BCPL只有機器字這一種數(shù)據(jù)類型，因此這種語言本身無法幫助程序員來記住變量的類型。匈牙利命名法通過明確每個變量的數(shù)據(jù)類型來解決這個問題。
在匈牙利命名法中，一個變量名由一個或多個小寫字母開始，這些字母有助于記憶變量的類型和用途，緊跟著的就是程序員選擇的任何名稱。這個后半部分的首字母可以大寫，以區(qū)別前面的類型指示字母。
語法
變量名 = 類型 + 對象描述
類型指變量的類型
對象描述指對象名字全稱或名字的一部分，要求有明確含義，命名要容易記憶容易理解。
通過在變量名前面添加相應小寫字母的符號標示作為前綴，標示出變量的類型，前綴后面是一個或多個單詞組合，單詞描述了變量的用途。如果是 jquery 對象，則用 $ 作為變量名的前綴。
提示
雖然 javascript 變量表面上沒有類型，但是 javascript 內(nèi)部還是會為變量賦予相應的類型。
匈牙利命名法是一位微軟程序員發(fā)明的，多數(shù)的 c，c++ 程序都使用此命名法。
類型
javascript 變量命名類型變量命名前綴
array 數(shù)組a
boolean 布爾值b
float 浮點數(shù)l
function 函數(shù)fn
int 整型i
object 對象o
regular 正則r
string 字符串s
示例
var aName = [1, 2, 3];
var oBtn = document.getElementById('btn');
function fnName(){};
var iCount = 0;
var sName = "zhuyujia";
駝峰式命名法
當變量名和函數(shù)名稱是由二個或多個單字鏈接在一起，而構成的唯一識別字時，利用“駝峰式大小寫”來表示，可以增加變量和函數(shù)的可讀性。
“駝峰式大小寫（Camel-Case）一詞來自Perl語言中普遍使用的大小寫混合格式，而Larry Wall等人所著的暢銷書《Programming Perl》（O'Reilly出版）的封面圖片正是一匹駱駝。”
“駝峰式大小寫”命名規(guī)則可視為一種慣例，并無絕對與強制，為的是增加識別和可讀性。一旦選用或設置好命名規(guī)則，在程序編寫時應保持一致格式。
語法
變量名或函數(shù)名是由一個或多個單詞連結在一起，其中第一個單詞以小寫字母開始，后面的所有單詞的首字母都采用大寫字母，這樣的變量名看上去就像駱駝峰一樣此起彼伏，故得名。
示例
var myName = "zhuyujia";
var formSubmit = document.getElementById("submit");
function timeCount(){}
帕斯卡命名法
Pascal命名法（Pascal Case，巴斯卡命名法／帕斯卡命名法），電腦程序編寫時的一套命名規(guī)則（慣例）。
當變量名和函數(shù)名稱是由二個或二個以上單字鏈接在一起，而構成的唯一識別字時，用以增加變量和函數(shù)的可讀性。
單字之間不以空格斷開或連接號（-）、下劃線（_）鏈接，第一個單前綴字母采用大寫字母；后續(xù)單字的首字母亦用大寫字母，例如：FirstName、LastName。每一個單字的首字母都采用大寫字母的命名格式，被稱為“Pascal命名法”，源自于Pascal語言的命名慣例，也有人稱之為“大駝峰式命名法”（Upper Camel Case），為駝峰式大小寫的子集。
“Pascal命名法”可視為一種命名慣例，并無絕對與強制，為的是增加識別和可讀性。一旦選用或設置好命名規(guī)則，在程序編寫時應保持格式的一致性。
語法
和駝峰式命名法類似，只不過第一個單詞的首字母需要大寫。
示例
var MyName = "zhuyujia";
var FormSubmit = document.getElementById("submit");
function TimeCount(){}
JavaScript 代碼規(guī)范
JavaScript 代碼規(guī)范
代碼規(guī)范通常包括以下幾個方面:
變量和函數(shù)的命名規(guī)則
空格，縮進，注釋的使用規(guī)則。
其他常用規(guī)范……
規(guī)范的代碼可以更易于閱讀與維護。
代碼規(guī)范一般在開發(fā)前規(guī)定，可以跟你的團隊成員來協(xié)商設置。
變量名
變量名推薦使用駝峰法來命名(camelCase):
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
空格與運算符
通常運算符 ( = + - * / ) 前后需要添加空格:
示例
var x = y + z;
var values = ["Volvo", "Saab", "Fiat"];
代碼縮進
通常使用 4 個空格符號來縮進代碼塊：
函數(shù):
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
注意:不推薦使用 TAB 鍵來縮進，因為不同編輯器 TAB 鍵的解析不一樣。
語句規(guī)則
簡單語句的通用規(guī)則:
一條語句通常以分號作為結束符。
示例
var values = ["Volvo", "Saab", "Fiat"];
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
復雜語句的通用規(guī)則:
將左花括號放在第一行的結尾。
左花括號前添加一空格。
將右花括號獨立放在一行。
不要以分號結束一個復雜的聲明。
函數(shù):
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
循環(huán):
for (i = 0; i < 5; i++) {
x += i;
}
條件語句:
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
對象規(guī)則
對象定義的規(guī)則:
將左花括號與類名放在同一行。
冒號與屬性值間有個空格。
字符串使用雙引號，數(shù)字不需要。
最后一個屬性-值對后面不要添加逗號。
將右花括號獨立放在一行，并以分號作為結束符號。
示例
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
短的對象代碼可以直接寫成一行:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
每行代碼字符小于 80
為了便于閱讀每行字符建議小于數(shù) 80 個。
如果一個 JavaScript 語句超過了 80 個字符，建議在 運算符或者逗號后換行。
document.getElementById("demo").innerHTML =
"Hello W3Cschool.";
HTML 載入外部 JavaScript 文件
使用簡潔的格式載入 JavaScript 文件 ( type 屬性不是必須的):
<script src="myscript.js">
使用 JavaScript 訪問 HTML 元素
一個糟糕的 HTML 格式可能會導致 JavaScript 執(zhí)行錯誤。
以下兩個 JavaScript 語句會輸出不同結果:
實例
var obj =getElementById("Demo")
var obj = getElementById("demo")
聯(lián)網(wǎng)嘗試一下 ?HTML 中 JavaScript 盡量使用相同的命名規(guī)則。
訪問 JavaScript 代碼規(guī)范。
使用小寫文件名
大多 Web 服務器 (Apache, Unix) 對大小寫敏感：london.jpg 不能通過 London.jpg 訪問。
其他 Web 服務器 (Microsoft, IIS) 對大小寫不敏感：london.jpg 可以通過 London.jpg 或 london.jpg 訪問。
你必須保持統(tǒng)一的風格，我們建議統(tǒng)一使用小寫的文件名。
文件擴展名
HTML 文件后綴可以是 .html (或r .htm)。
CSS 文件后綴是 .css 。
JavaScript 文件后綴是 .js 。
