首頁 web前端 js教程 深入理解JS程式碼註解方法及程式碼註解規範

深入理解JS程式碼註解方法及程式碼註解規範

Oct 10, 2018 pm 02:35 PM

在頁面佈局時,為了提高程式碼的可讀性,常常需要為程式碼加註釋,這篇文章就和大家聊聊JS怎麼註釋程式碼以及JS程式碼註解的規範,有興趣的朋友可以參考一下,希望對你有幫助!

註解是程式碼不可或缺的一部分,一個完整的程式必須要加註解。註釋不僅有利於自己更新和修改項目,還有利於其他人拿到你的項目時知道你寫的什麼。

一、JavaScript程式碼註解方法

JavaScript不會執行註解裡面的程式碼,JS程式碼註解分成單行註解和多行註解。

1、單行註解

單行註解以//開頭,//後面要加一個空格,然後再寫註解的內容,單行註解可用於描述目前程式碼的作用,解釋程式碼等等。

程式碼實例:給document.write("字串是:" str)程式碼單行註釋,不需要其顯示在頁面上

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str));  
   //document.write("字符串是:"+str)
  }  
 </script>
登入後複製

註解前效果圖:

深入理解JS程式碼註解方法及程式碼註解規範

註解後效果圖:

深入理解JS程式碼註解方法及程式碼註解規範

2、多行註解

多行註解以/* 開始,以*/ 結尾,但是工作中要盡量使用單行註解取代多行註釋,即使註解需要多行,也要用單行註解來完成,但是函數的註解還是建議使用多行註解。

程式碼實例:

<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到菜鸟教程";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>
登入後複製

二、JS程式碼註解的規格

一個好的程式碼註解要做到,如果沒有必要,則不要加註釋,如果需要加註釋,則寫詳細,讓別人明白你的意思,盡量提高程式碼的清晰性和可讀性。工作中要做到以下幾點:

1、在有邏輯的程式碼中,程式碼的註解要在20%以上

2、檔案註解時,檔案註解寫入檔案的當頭部

3、類別和介面的註解時,註解需要放在class之前,using或package關鍵字之後

4、遇到類別屬性、公有和保護方法時,註釋需要寫在類別屬性、公有、保護方法上面。即用//註解,需要對齊被註解的程式碼

5、註解需要放在被註解的程式碼前面,分行寫且中間不要留空行

6、不要在註解中使用縮寫,如果要用縮寫,需要對縮寫進行必要的解釋說明

7、成員變數註釋內容時,成員變數的意義、目的和功能,可能被用到的地方,用//來註解,需要對齊被註解的程式碼

總之,每個程式設計師都應該養成一個寫註解的好習慣,不僅方便自己閱讀和修改程式碼,而且還方便別人理解和維護你的程式碼。

以上介紹了JS程式碼的註解方法以及JS程式碼的註解規範,比較簡單,容易理解,更多相關教學請造訪 JavaScript影片教學

#

以上是深入理解JS程式碼註解方法及程式碼註解規範的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

便捷使用PyCharm快捷鍵實現多行註釋 便捷使用PyCharm快捷鍵實現多行註釋 Jan 27, 2024 am 08:02 AM

PyCharm多行註解快速鍵:讓程式碼註解更便捷,需要具體程式碼範例在日常的程式設計工作中,程式碼註解是非常重要的一部分。它不僅可以提高程式碼的可讀性和可維護性,還能幫助其他開發人員理解程式碼的意圖和設計思路。然而,手動添加程式碼註解往往是一項耗時而繁瑣的工作。為了讓我們的程式碼註解更加高效,PyCharm提供了多行註解的快捷鍵。在PyCharm中,我們可以使用Ctrl+/

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

如何在iPhone上為已儲存的密碼添加註釋 如何在iPhone上為已儲存的密碼添加註釋 Feb 28, 2024 pm 07:41 PM

iCloud鑰匙圈可讓您更方便管理密碼,無需依賴記憶或猜測網站或使用者名稱。您可以透過在iCloud鑰匙圈中為應用程式和網站的現有密碼添加註釋來實現這一點。在這篇文章中,我們將說明如何為您儲存在iPhone上的iCloud鑰匙圈中的密碼新增註解。要求您需要滿足一些要求才能在iCloud鑰匙圈中使用這項新功能。運行iOS15.4或更高版本的iPhone密碼儲存在iCloud鑰匙串中的有效AppleID有效的互聯網連接如何為保存的密碼添加註釋毋庸置疑,您應該在iCloudKeychain中存儲一些密

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

See all articles