無(wú)論你是剛剛學(xué)習(xí) JavaScript,還是正在準(zhǔn)備大廠的前端面試,下面這 5 個(gè) JavaScript 編碼規(guī)范都值得你留意和參考。
編碼規(guī)范就是指導(dǎo)如何編寫(xiě)和組織代碼的一系列標(biāo)準(zhǔn)。通過(guò)閱讀這些編碼規(guī)范,你可以知道在各個(gè)公司里代碼是如何編寫(xiě)的。
一個(gè)主要的原因是:每個(gè)人寫(xiě)代碼的方式都是不同的。我可能喜歡這么寫(xiě),而你喜歡用另一種方法寫(xiě)。如果我們只處理自己的代碼,這樣并沒(méi)有什么問(wèn)題。但如果有成千上萬(wàn)的程序員同時(shí)在一個(gè)代碼庫(kù)上面工作呢?如果沒(méi)有規(guī)范,事情很快會(huì)變得一團(tuán)糟。代碼規(guī)范可以讓新人迅速的熟悉相關(guān)的代碼,并且也能寫(xiě)出讓其他程序員簡(jiǎn)單易懂的代碼。
Airbnb JavaScript Style Guide
號(hào)稱(chēng)是“最合理的編寫(xiě) JavaScript 代碼的方式”。
Airbnb 的這個(gè)代碼規(guī)范可能是互聯(lián)網(wǎng)最流行的 JavaScript 代碼規(guī)范了,它在 Github 上足有 6 萬(wàn) star,幾乎覆蓋了 JavaScript 的每一項(xiàng)特性。
地址:
https://github.com/airbnb/javascript
Google JavaScript Style Guide
只有遵守了這里的規(guī)則,一個(gè) JavaScript 源文件才能被稱(chēng)為“Google Style”。很霸氣,我行我素,同時(shí)也被不少公司沿用。
地址:
https://google.github.io/styleguide/jsguide.html
Idiomatic JavaScript Style Guide
符合語(yǔ)言習(xí)慣的 JavaScript 代碼規(guī)范。
不管有多少人參與,不管是否在同一個(gè)代碼庫(kù),所有的 JavaScript 代碼風(fēng)格都必須像同一個(gè)人寫(xiě)的。
另一個(gè)很強(qiáng)勢(shì)的同時(shí)也很流行的 JavaScript 編碼規(guī)范。它的野心也很大,不止想規(guī)范 JavaScript,其它語(yǔ)言也都想管起來(lái)。
地球上所有的代碼都像同一個(gè)人寫(xiě)的?想想讓人覺(jué)得不寒而栗啊……
地址:
https://github.com/rwaldron/idiomatic.js
JavaScript Standard Style Guide
一個(gè)功能強(qiáng)大的 JavaScript 代碼規(guī)范,自帶 linter 和自動(dòng)代碼糾正,無(wú)需配置,自動(dòng)格式化代碼。可以在編碼早期就發(fā)現(xiàn)代碼中的低級(jí)錯(cuò)誤。這個(gè)代碼規(guī)范被很多知名公司所采用,比如 NPM、GitHub、mongoDB 等。
地址:
https://github.com/standard/standard
(這個(gè) Github 地址霸氣到不行。)
jQuery JavaScript Style Guide
jQuery 是多少人入門(mén)前端的好幫手啊,可惜如今只?;貞浟?。它們的這個(gè)規(guī)范算是很早期的一個(gè)代碼規(guī)范了,主要是針對(duì)它們的代碼以及早期 JavaScript 版本進(jìn)行規(guī)定。
地址:
https://contribute.jquery.org/style-guide/js/
你喜歡哪個(gè)代碼規(guī)范,你的團(tuán)隊(duì)在用哪個(gè)規(guī)范呢?請(qǐng)留言告訴我們!
本文編譯自Brandon Morelli的文章,原文地址:
https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa
活動(dòng)推薦:
聯(lián)系客服