5 種JavaScript編碼規(guī)范
什么是編碼規(guī)范
編碼規(guī)范就是指導(dǎo)如何編寫(xiě)和組織代碼的一系列標(biāo)準(zhǔn)。通過(guò)閱讀這些編碼規(guī)范,你可以知道在各個(gè)公司里代碼是如何編寫(xiě)的。
我們?yōu)槭裁葱枰幋a規(guī)范
一個(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)格式化代碼??梢栽诰幋a早期就發(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/
總結(jié)
以上所述是小編給大家介紹的5 種JavaScript編碼規(guī)范,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript實(shí)現(xiàn)移動(dòng)端滑動(dòng)選擇日期功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)滑動(dòng)選擇日期功能,基于sui-mobile的移動(dòng)端實(shí)現(xiàn),感興趣的小伙伴們可以參考一下2016-06-06JS實(shí)現(xiàn)的新浪微博大廳文字內(nèi)容滾動(dòng)效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的新浪微博大廳文字內(nèi)容滾動(dòng)效果代碼,可實(shí)現(xiàn)頁(yè)面圖文元素定時(shí)滾動(dòng)的效果,涉及JavaScript時(shí)間函數(shù)定時(shí)改變頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-11-11layui動(dòng)態(tài)加載多表頭的實(shí)例
今天小編就為大家分享一篇layui動(dòng)態(tài)加載多表頭的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09記錄一篇關(guān)于redux-saga的基本使用過(guò)程
這篇文章主要介紹了記錄一篇redux-saga的基本使用過(guò)程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08如何自己實(shí)現(xiàn)JavaScript的new操作符
new大家肯定都不陌生,單身沒(méi)有對(duì)象的時(shí)候就new一個(gè),很方便。那么它在創(chuàng)建實(shí)例的時(shí)候,具體做了哪些操作呢?今天我們就來(lái)一起分析一下。2021-04-04PixiJS學(xué)習(xí)之Sprite類(lèi)的使用詳解
Sprite 直譯為 “精靈”,是游戲開(kāi)發(fā)中常見(jiàn)的術(shù)語(yǔ),就是將一個(gè)角色的多個(gè)動(dòng)作放到一個(gè)圖片里,通過(guò)裁剪局部區(qū)域得到當(dāng)前的角色狀態(tài)圖。本文主要介紹了PixiJS中Sprite類(lèi)的使用,需要的可以參考一下2023-02-02JS數(shù)組push、unshift、pop、shift方法的實(shí)現(xiàn)與使用方法示例
這篇文章主要介紹了JS數(shù)組push、unshift、pop、shift方法,結(jié)合實(shí)例形式分析了JS數(shù)組push、unshift、pop、shift方法針對(duì)數(shù)組添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04