一、命名
1、應(yīng)給變量和函數(shù)取一個(gè)含義確切的名稱(chēng)，不要隨意命名。
2、非構(gòu)造函數(shù)采用駝峰命名法，盡量采用動(dòng)賓結(jié)構(gòu)，以與變量名相區(qū)別，如getName或IsFull。構(gòu)造函數(shù)（即自定義類(lèi)型）名稱(chēng)首字母大寫(xiě)，以與非構(gòu)造函數(shù)相區(qū)別，如Person。
3、變量采用駝峰命名法。由于JavaScript是一種弱類(lèi)型語(yǔ)言，因此建議在變量名稱(chēng)前加前綴：整形(i)，浮點(diǎn)數(shù)(f)，布爾型(b)，字符串(s)，數(shù)組(a)。但不強(qiáng)制這么做，可根據(jù)個(gè)人愛(ài)好選擇，選擇好后就不要混用加前綴和不加前綴這兩種方式了。

二、布局
1、空格。
a）var與變量名之間留一個(gè)空格，變量名與等號(hào)之間留一個(gè)空格，等號(hào)與初始值之間留一個(gè)空格，初始值與分號(hào)之間不留空格。如：var i = 10;
b）使用字面量方式聲明引用類(lèi)型變量時(shí)，各個(gè)屬性與冒號(hào)之間不留空格，冒號(hào)與初始值之間留一個(gè)空格。如：

c）function與函數(shù)名之間留一個(gè)空格，函數(shù)名與()之間不留空格，()與{之間留一個(gè)空格。
d）函數(shù)的各個(gè)參數(shù)之間留一個(gè)空格。
e）if、while、for與左括號(hào)之間留一個(gè)空格，以強(qiáng)調(diào)關(guān)鍵字；switch、with與左括號(hào)之間不留空格。
f) 二元操作符與左右兩個(gè)操作數(shù)之間留一個(gè)空格。當(dāng)某行代碼較長(zhǎng)時(shí)，也可不留空格。
2、換行。
a）每行語(yǔ)句占用一行，不要多個(gè)語(yǔ)句一行。
b）if、while、for等塊級(jí)作用域后的大括號(hào){不要另起一行，就放在關(guān)鍵字同一行。
3、縮進(jìn)。
a）縮進(jìn)使用4個(gè)空格，不要使用tab。
b）作用域不一樣時(shí)就應(yīng)當(dāng)進(jìn)行縮進(jìn)，以顯示出其層次關(guān)系。

三、注釋
1、合理添加注釋。注釋不能完全沒(méi)有，也不是越多越好。給重要的方法、變量和算法（或其他需要注意的問(wèn)題）添加注釋即可。
2、修改源代碼時(shí)，需要同步修改注釋?zhuān)３謨烧叩囊恢隆?
3、不要在代碼中使用html方式的注釋。

四、規(guī)范
1、申明變量時(shí)必須加var關(guān)鍵字。雖然JavaScript允許不加var關(guān)鍵字，此時(shí)成為全局變量，但這是導(dǎo)致問(wèn)題的一個(gè)來(lái)源。
2、申明變量時(shí)必須同時(shí)進(jìn)行初始化，之后最好不要再改變變量的數(shù)據(jù)類(lèi)型了。
3、語(yǔ)句末尾可以加分號(hào)的，必須加分號(hào)。
4、if、while、for等僅有一條語(yǔ)句時(shí)，也需要放在大括號(hào)內(nèi)。
5、不要隨意使用全局變量，如果不得不使用，最好只用一個(gè)全局變量。
6、JavaScript與html、css之間應(yīng)保持松散耦合。html是數(shù)據(jù)層，css是表現(xiàn)層，JavaScript是行為層，三者應(yīng)避免緊密的耦合，否則會(huì)導(dǎo)致后期難以維護(hù)。html中不要有具體的JavaScript代碼，全部采用包含外部文件的方式；JavaScript中也盡量不要使用innerHTML等插入大量html元素，應(yīng)考慮將元素放在html中，只不過(guò)初始隱藏即可；JavaScript中不要直接修改css中的具體屬性，而應(yīng)通過(guò)className來(lái)間接修改。
7、不要修改不是由你所有的對(duì)象，不給其實(shí)例或原型添加屬性或方法，也不要重復(fù)定義其已有的方法。否則，當(dāng)該對(duì)象的新版本添加了同名的屬性或方法時(shí)，會(huì)導(dǎo)致潛在的難以察覺(jué)的問(wèn)題。解決方案有兩種：一是繼承，二是包含。
8、使用命名空間來(lái)防止多個(gè)庫(kù)之間的沖突，可參考YUI庫(kù)的組織方式。
9、對(duì)于代碼中出現(xiàn)的字面量，應(yīng)將其放在某個(gè)變量的屬性中，屬性名首字母或所有字母大寫(xiě)（模擬其他語(yǔ)言中的define或enum）。如：

10、對(duì)函數(shù)中傳入的參數(shù)進(jìn)行檢查。若為基本類(lèi)型，使用typeof；若為引用類(lèi)型，使用instanceOf；若要檢查某個(gè)對(duì)象是否包含某個(gè)方法，則對(duì)該方法使用typeof操作符，并與字符串"undefined"比較。

五、性能
1、避免全局查找。使用全局變量和函數(shù)的開(kāi)銷(xiāo)要比使用局部變量和函數(shù)大，因?yàn)槿肿兞亢秃瘮?shù)涉及到作用域鏈的查找。因此，當(dāng)函數(shù)中多次使用全局變量時(shí)，就會(huì)進(jìn)行多次作用域鏈的查找，為了避免這個(gè)問(wèn)題，可以將多次使用的全局變量賦值給一個(gè)局部變量，以后都使用該局部變量。
2、避免使用witch語(yǔ)句。with語(yǔ)句會(huì)創(chuàng)建自己的作用域，從而導(dǎo)致額外的開(kāi)銷(xiāo)。
3、避免屬性查找。屬性查找是一個(gè)O(n)操作，對(duì)象上的任何屬性查找都比訪問(wèn)變量和數(shù)組花費(fèi)更多時(shí)間（訪問(wèn)變量和數(shù)組是O(1)操作）。因此，如果多次用到同一個(gè)屬性，則應(yīng)將其保存在局部變量中。如：

最新評(píng)論