5 種JavaScript編碼規(guī)范
什么是編碼規(guī)范
編碼規(guī)范就是指導(dǎo)如何編寫和組織代碼的一系列標(biāo)準(zhǔn)。通過閱讀這些編碼規(guī)范,你可以知道在各個公司里代碼是如何編寫的。
我們?yōu)槭裁葱枰幋a規(guī)范
一個主要的原因是:每個人寫代碼的方式都是不同的。我可能喜歡這么寫,而你喜歡用另一種方法寫。如果我們只處理自己的代碼,這樣并沒有什么問題。但如果有成千上萬的程序員同時在一個代碼庫上面工作呢?如果沒有規(guī)范,事情很快會變得一團(tuán)糟。代碼規(guī)范可以讓新人迅速的熟悉相關(guān)的代碼,并且也能寫出讓其他程序員簡單易懂的代碼。
Airbnb JavaScript Style Guide
號稱是“最合理的編寫 JavaScript 代碼的方式”。
Airbnb 的這個代碼規(guī)范可能是互聯(lián)網(wǎng)最流行的 JavaScript 代碼規(guī)范了,它在 Github 上足有 6 萬 star,幾乎覆蓋了 JavaScript 的每一項(xiàng)特性。
地址: https://github.com/airbnb/javascript
Google JavaScript Style Guide
只有遵守了這里的規(guī)則,一個 JavaScript 源文件才能被稱為“Google Style”。很霸氣,我行我素,同時也被不少公司沿用。
地址: https://google.github.io/styleguide/jsguide.html
Idiomatic JavaScript Style Guide
符合語言習(xí)慣的 JavaScript 代碼規(guī)范。
不管有多少人參與,不管是否在同一個代碼庫,所有的 JavaScript 代碼風(fēng)格都必須像同一個人寫的。
另一個很強(qiáng)勢的同時也很流行的 JavaScript 編碼規(guī)范。它的野心也很大,不止想規(guī)范 JavaScript,其它語言也都想管起來。
地球上所有的代碼都像同一個人寫的?想想讓人覺得不寒而栗啊……
地址: https://github.com/rwaldron/idiomatic.js
JavaScript Standard Style Guide
一個功能強(qiáng)大的 JavaScript 代碼規(guī)范,自帶 linter 和自動代碼糾正,無需配置,自動格式化代碼??梢栽诰幋a早期就發(fā)現(xiàn)代碼中的低級錯誤。這個代碼規(guī)范被很多知名公司所采用,比如 NPM、GitHub、mongoDB 等。
地址: https://github.com/standard/standard
(這個 Github 地址霸氣到不行。)
jQuery JavaScript Style Guide
jQuery 是多少人入門前端的好幫手啊,可惜如今只?;貞浟?。它們的這個規(guī)范算是很早期的一個代碼規(guī)范了,主要是針對它們的代碼以及早期 JavaScript 版本進(jìn)行規(guī)定。
地址: https://contribute.jquery.org/style-guide/js/
總結(jié)
以上所述是小編給大家介紹的5 種JavaScript編碼規(guī)范,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript實(shí)現(xiàn)移動端滑動選擇日期功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)滑動選擇日期功能,基于sui-mobile的移動端實(shí)現(xiàn),感興趣的小伙伴們可以參考一下2016-06-06JS實(shí)現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的新浪微博大廳文字內(nèi)容滾動效果代碼,可實(shí)現(xiàn)頁面圖文元素定時滾動的效果,涉及JavaScript時間函數(shù)定時改變頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-11-11如何自己實(shí)現(xiàn)JavaScript的new操作符
new大家肯定都不陌生,單身沒有對象的時候就new一個,很方便。那么它在創(chuàng)建實(shí)例的時候,具體做了哪些操作呢?今天我們就來一起分析一下。2021-04-04PixiJS學(xué)習(xí)之Sprite類的使用詳解
Sprite 直譯為 “精靈”,是游戲開發(fā)中常見的術(shù)語,就是將一個角色的多個動作放到一個圖片里,通過裁剪局部區(qū)域得到當(dāng)前的角色狀態(tài)圖。本文主要介紹了PixiJS中Sprite類的使用,需要的可以參考一下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方法針對數(shù)組添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04