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