javascript程式碼規範簡單介紹

antzone發表於2017-04-13

本章節分享一下使用javascript程式設計中一些通用的規範。

一.程式碼建議儲存到字尾名.js的檔案中:

js程式碼不建議放在html中。

因為不能被快取,會增大網頁檔案的大小,會影響頁面的載入。另外指令碼的lang以及type屬性都可以省略。

二.程式碼縮排:

建議使用空格,因為各個環境對tab的解釋不通,而空格可以在壓縮檔案中統一被壓縮掉。

每行控制在80個字元以內,如果超過請折行。

三.註釋:

(1).在更新功能以及模組時通過註釋進行補充說明。

(2).寫有意義的註釋,關鍵位置的說明。

四.變數宣告:

(1).在所有的變數使用前進行宣告;

(2).注意全域性變數與區域性變數,避免使用全域性變數,同時避免區域性變數覆蓋全域性變數。

五.函式宣告:

(1).所有的函式應該在使用前被宣告;

(2).函式宣告格式,函式名與左括號無間隔,右括號與方法體大括號有空格,大括號結束符與方法宣告行頭部對齊。

六.命名:

(1).變數名由26個大小寫引文字母以及下劃線組成,避免使用中文,不要再變數名中使用斜槓或者美元符號,不要把下劃線用作變數的第一個字元,它有時會用作物件的私有變數,大多數的變數或者方法名應該以小寫字母開頭。

(2).全域性變數應該全部大寫字母。

七.語句:

簡單語句:

每一行語句最多隻包含一條語句,把分號放在每個簡單語句的結尾。

注意每個變數或者物件的賦值語句也是簡單語句,應該以分號結尾。

js把任何表示式都當一條簡單語句,會導致一些隱性的錯誤。

如果自己沒加分號,那麼js直譯器會自動新增分號,按照自己能讀懂的斷句。

複合語句:

也稱為語句塊,被包在大括號內部。

內部的語句塊需要縮排四個空格,左大括號在起始行的結尾處,右大括號與左大括號所在行的開頭對齊。

大括號要在使用語句塊的時候使用,哪怕只有一句,這樣可以避免以後再新增語句的時候造成邏輯錯誤,比如if else 這樣的語句中,預設只對單行程式碼有效 。

相關文章