當前位置:
首頁 > 知識 > JavaScript 代碼規範,自帶 linter & 代碼自動修正

JavaScript 代碼規範,自帶 linter & 代碼自動修正

JavaScript 代碼規範,自帶 linter & 代碼自動修正

JS Standard


關注「教授學苑」,期待帶給你快樂的開發知識!

今天給大家推薦,JavaScript 中的代碼規範 JavaScript Standard Style,推薦總得有理由吧?給你三個夠不夠?

  1. 無須配置。 史上最便捷的統一代碼風格的方式,輕鬆擁有。

  2. 自動代碼格式化。 只需運行standard --fixed從此和髒亂差的代碼說再見。

  3. 提前發現風格及程序問題。 減少代碼審查過程中反反覆復的修改過程,節約時間。


無須猶豫。再也不用維護 .eslintrc .jshintrc .jscsrc 開箱即用!

來一張都是誰在用JavaScript Standard Style.

JavaScript 代碼規範,自帶 linter & 代碼自動修正

有沒有亮瞎你的眼?是不是感覺到了落差,不切都不晚!

好吧,讓我們來看一下,它都有哪些"標準"?


使用兩個空格

進行縮進

JavaScript 代碼規範,自帶 linter & 代碼自動修正

很多的人還停留在四空格,還有的很停留在一個Tab!

除需要轉義的情況外,字元串統一使用單引號

JavaScript 代碼規範,自帶 linter & 代碼自動修正


不要定義未使用的變數

JavaScript 代碼規範,自帶 linter & 代碼自動修正


關鍵字後面加空格

JavaScript 代碼規範,自帶 linter & 代碼自動修正


函數聲明時括弧與函數名間加空格

JavaScript 代碼規範,自帶 linter & 代碼自動修正


始終使用

===代替==

JavaScript 代碼規範,自帶 linter & 代碼自動修正

但有個例外:obj == null 可以用來檢查 null || undefined。

字元串拼接操作符 (Infix operators) 之間要留空格

JavaScript 代碼規範,自帶 linter & 代碼自動修正


逗號後面加空格

JavaScript 代碼規範,自帶 linter & 代碼自動修正


關鍵字要與花括弧保持在同一行

JavaScript 代碼規範,自帶 linter & 代碼自動修正

JavaScript 代碼規範,自帶 linter & 代碼自動修正


多行 if 語句的的括弧不能省

JavaScript 代碼規範,自帶 linter & 代碼自動修正

JavaScript 代碼規範,自帶 linter & 代碼自動修正


不要丟掉異常處理中err參數

JavaScript 代碼規範,自帶 linter & 代碼自動修正

JavaScript 代碼規範,自帶 linter & 代碼自動修正


使用瀏覽器全局變數時加上 window. 前綴

JavaScript 代碼規範,自帶 linter & 代碼自動修正


不允許有連續多行空行

JavaScript 代碼規範,自帶 linter & 代碼自動修正

對於三元運算符 ? 和 : 與他們所負責的代碼處於同一行

JavaScript 代碼規範,自帶 linter & 代碼自動修正


每個 var 關鍵字單獨聲明一個變數

JavaScript 代碼規範,自帶 linter & 代碼自動修正


條件語句中賦值語句使用括弧包起來。這樣使得代碼更加清晰可讀,而不會認為是將條件判斷語句的全等號(===)錯寫成了等號(=)

JavaScript 代碼規範,自帶 linter & 代碼自動修正


單行代碼塊兩邊加空格

JavaScript 代碼規範,自帶 linter & 代碼自動修正

規則還有很多~當我們把這個些規則消化之後!那麼代碼水平必將提升!


有現成的編輯器插件嗎?

這都什麼社會了,沒有編輯器插件,那就就是純坑么!

什麼,Atom 、Vim 、Sublime Text、VSCode、WebStorm....只要你能用到的!都有~


最強大的功能還是它的自動修復

當然!你可以使用 standard --fix 來糾正大部分的代碼問題!!

這個項目,真的成長很快~第一次關注大約是在去年11月的時候~僅僅半年,已成長為青天大樹


記得關注我哦!帶給你快樂的開發知識!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 教授學苑 的精彩文章:

TAG:教授學苑 |

您可能感興趣

rapid-generator自動生成代碼步驟
Mybatis+velocity自動生成代碼
iOS 代碼使用 C+的zero-cost abstraction 特性
PyTorch代碼調試利器:自動print每行代碼的Tensor信息
Spring Boot使用——Allatori代碼混淆
Variable和Tensor合併後,PyTorch的代碼要怎麼改?
Project Parfait將Photoshop文件轉換為代碼
利用PHPstorm進行代碼review
ManageEngine Applications Manager 遠程代碼執行漏洞
如何使用Reviewboard進行代碼Review?
代碼導師IntelliCode現身!Visual Studio IntelliSense全面進化
SyncRequestProcessor 小代碼 大優雅
clrinject:向CLR Runtimes和AppDomain中注入代碼的工具
將設計稿自動轉換為代碼的神經網路 Screenshot-to-code-in-Keras
使用 BenchmarkDotnet 測試代碼性能
Microsoft Exchange Server遠程代碼執行漏洞-高危
Oracle開源GraphPipe:幾行代碼讓你在TensorFlow部署PyTorch模型
Oracle WebLogic Server反序列化遠程代碼執行漏洞成焦點
自定義Android註解Part2:代碼自動生成
WordPress代碼高亮插件Pure-Highlightjs