JavaScript如何正確的寫(xiě)代碼注釋
錯(cuò)誤注釋
你的注釋是不是這樣的?
//時(shí)間戳日期格式化函數(shù) function formTime(time,isyear){ }
亦或者是這樣的?
/* 時(shí)間戳日期格式化函數(shù) */ function formTime(time,isyear){ }
簡(jiǎn)單的變量聲明之類的內(nèi)容可以進(jìn)行簡(jiǎn)單注釋,但是函數(shù)就不能這樣做了,要知道注釋的作用是一種為了讓代碼更易讀、易維護(hù)、易理解,起到提示的作用的,上面的兩個(gè)注釋都是正確的,但是它起到的作用太低了,在正式工作中我們往往會(huì)協(xié)同開(kāi)發(fā),這種注釋是萬(wàn)萬(wàn)不可的。
正確注釋
正確的注釋 就是文檔注釋,先來(lái)看看是什么樣子。
/** * @author 小解同志 https://lamian.blog.csdn.net * @param {String} time 接受用戶傳來(lái)的時(shí)間戳 * @param {Boolean} isyear 是否要顯示年月日 * @example formTime('3434322332',true) 格式化時(shí)間戳并顯示年月日 */ function formTime(time,isyear){ }
是不是比之前的注釋多了很多,內(nèi)容詳細(xì)了很多,當(dāng)然,不只是單單的內(nèi)容多了,如果只是內(nèi)容多了那么/* */段落注釋同樣也可以寫(xiě),那么它還有什么優(yōu)點(diǎn)呢?
優(yōu)點(diǎn)
方法提示
time是個(gè)字符串 我們要截取字符串
普通注釋
文檔注釋
內(nèi)容提示
鼠標(biāo)移動(dòng)到函數(shù)以及參數(shù)上所給的提示。
普通注釋
文檔注釋
這種提示就像嵌代碼在里面一樣,而不是浮于表面了,在我們書(shū)寫(xiě)npm包的時(shí)候,用戶使用我們的包,就能看到這種提示,對(duì)使用者特別友好。
自動(dòng)化生成文檔
既然叫文檔注釋,那么生成個(gè)文檔也沒(méi)什么好奇怪的吧,生成文檔的包有很多種,比如jsDoc,apiDoc等等,在這里我使用jsdoc。
安裝
輸入以下命令進(jìn)行全局安裝。
npm install jsdoc -g
基本使用
jsdoc 文件名 其他的使用方式可以去官網(wǎng)查看
jsdoc 33.js
執(zhí)行完此命令,會(huì)生成一個(gè)out文件夾,查看里面的index頁(yè)面即可,右邊側(cè)邊欄會(huì)顯示函數(shù)的使用
總結(jié)
到此這篇關(guān)于JavaScript如何正確的寫(xiě)代碼注釋的文章就介紹到這了,更多相關(guān)js正確寫(xiě)代碼注釋內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
有關(guān)suggest快速刪除后仍然出現(xiàn)下拉列表的bug問(wèn)題
寫(xiě)suggest的時(shí)候,有時(shí)我們快速刪除輸入框的文字后,但是suggest下拉列表還有出現(xiàn),導(dǎo)致的原因是因?yàn)閍jax異步請(qǐng)求造成的,下面通過(guò)本文給大家分享下解決方法,感興趣的朋友一起看看2016-12-12原生JS與CSS實(shí)現(xiàn)軟件卸載對(duì)話框功能
今天給大家分享一個(gè)特別有意思的軟件卸載對(duì)話框功能,本段代碼是基于js 與css實(shí)現(xiàn)的,感興趣的朋友跟隨小編一起看看吧2019-12-12JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法
這篇文章主要介紹了JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法 的相關(guān)資料,需要的朋友可以參考下2016-06-06javascript實(shí)現(xiàn)劃詞標(biāo)記劃詞搜索功能修正版
javascript實(shí)現(xiàn)劃詞標(biāo)記劃詞搜索功能修正版...2006-12-12淺析JS中NEW的實(shí)現(xiàn)原理及重寫(xiě)
本文通過(guò)實(shí)例代碼給大家介紹了JS中NEW的實(shí)現(xiàn)原理及重寫(xiě),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2020-02-02基于JS+Canvas的lucky-canvas?抽獎(jiǎng)功能
一個(gè)基于?Js?+?Canvas?的大轉(zhuǎn)盤(pán)和九宮格和老虎機(jī)抽獎(jiǎng),使用lucky-canvas?功能可以自由配置,多端適配的特點(diǎn),本文通過(guò)實(shí)例代碼給大家詳細(xì)介紹抽獎(jiǎng)方法,感興趣的朋友一起看看吧2022-06-06關(guān)于JavaScript遞歸經(jīng)典案例題詳析
遞歸是算法中一個(gè)重要的解法,因此,有必要單拎出來(lái)講講,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript遞歸經(jīng)典案例題的相關(guān)資料,需要的朋友可以參考下2021-07-07微信小程序跨頁(yè)面?zhèn)鬟fdata數(shù)據(jù)方法解析
這篇文章主要介紹了微信小程序跨頁(yè)面?zhèn)鬟fdata數(shù)據(jù)方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12