javascript程式碼規範簡單介紹
本章節分享一下使用javascript程式設計中一些通用的規範。
一.程式碼建議儲存到字尾名.js的檔案中:
js程式碼不建議放在html中。
因為不能被快取,會增大網頁檔案的大小,會影響頁面的載入。另外指令碼的lang以及type屬性都可以省略。
二.程式碼縮排:
建議使用空格,因為各個環境對tab的解釋不通,而空格可以在壓縮檔案中統一被壓縮掉。
每行控制在80個字元以內,如果超過請折行。
三.註釋:
(1).在更新功能以及模組時通過註釋進行補充說明。
(2).寫有意義的註釋,關鍵位置的說明。
四.變數宣告:
(1).在所有的變數使用前進行宣告;
(2).注意全域性變數與區域性變數,避免使用全域性變數,同時避免區域性變數覆蓋全域性變數。
五.函式宣告:
(1).所有的函式應該在使用前被宣告;
(2).函式宣告格式,函式名與左括號無間隔,右括號與方法體大括號有空格,大括號結束符與方法宣告行頭部對齊。
六.命名:
(1).變數名由26個大小寫引文字母以及下劃線組成,避免使用中文,不要再變數名中使用斜槓或者美元符號,不要把下劃線用作變數的第一個字元,它有時會用作物件的私有變數,大多數的變數或者方法名應該以小寫字母開頭。
(2).全域性變數應該全部大寫字母。
七.語句:
簡單語句:
每一行語句最多隻包含一條語句,把分號放在每個簡單語句的結尾。
注意每個變數或者物件的賦值語句也是簡單語句,應該以分號結尾。
js把任何表示式都當一條簡單語句,會導致一些隱性的錯誤。
如果自己沒加分號,那麼js直譯器會自動新增分號,按照自己能讀懂的斷句。
複合語句:
也稱為語句塊,被包在大括號內部。
內部的語句塊需要縮排四個空格,左大括號在起始行的結尾處,右大括號與左大括號所在行的開頭對齊。
大括號要在使用語句塊的時候使用,哪怕只有一句,這樣可以避免以後再新增語句的時候造成邏輯錯誤,比如if else 這樣的語句中,預設只對單行程式碼有效 。
相關文章
- javascript AMD規範簡單介紹JavaScript
- css編碼規範簡單介紹CSS
- HTML編碼規範簡單介紹HTML
- node.js的編碼規範簡單介紹Node.js
- javascript程式碼效能優化簡單介紹JavaScript優化
- javascript事件控制程式碼簡單介紹JavaScript事件
- 如何除錯javascript程式碼簡單介紹除錯JavaScript
- javascript程式碼執行機制簡單介紹JavaScript
- JavaScript 簡單介紹JavaScript
- 簡單介紹克隆 JavaScriptJavaScript
- javascript物件簡單介紹JavaScript物件
- javascript this指向簡單介紹JavaScript
- javascript加密簡單介紹JavaScript加密
- SwiftLint:程式碼規範檢查工具介紹Swift
- JavaScript 模組化程式設計簡單介紹JavaScript程式設計
- 簡單介紹正規表示式拆分url例項程式碼
- 簡單介紹JavaScript閉包JavaScript
- JavaScript希爾排序簡單介紹JavaScript排序
- javascript constructor簡單介紹JavaScriptStruct
- javascript建立物件簡單介紹JavaScript物件
- javascript的this用法簡單介紹JavaScript
- javascript arguments用法簡單介紹JavaScript
- javascript 變數簡單介紹JavaScript變數
- javascript簡單模板引擎介紹JavaScript
- javascript作用域簡單介紹JavaScript
- SVG程式碼構成簡單介紹SVG
- javascript的正規表示式的test()方法簡單介紹JavaScript
- Airbnb JavaScript程式碼規範(完整)AIJavaScript
- JavaScript寫程式碼要規範JavaScript
- JavaScript return語句簡單介紹JavaScript
- javascript鏈式呼叫簡單介紹JavaScript
- javascript除法運算簡單介紹JavaScript
- javascript &&和||運算子簡單介紹JavaScript
- javascript方法過載簡單介紹JavaScript
- javascript遞迴概念簡單介紹JavaScript遞迴
- JavaScript this指向解綁簡單介紹JavaScript
- javascript陣列操作簡單介紹JavaScript陣列
- javascript with()語句用法簡單介紹JavaScript