JavaScript 注釋可用於提高代碼的可讀性。
㈠JavaScript 注釋(單行)
JavaScript 不會執行注釋。
我們可以添加注釋來對 JavaScript 進行解釋,或者提高代碼的可讀性。
單行注釋以 // 開頭。
示例介紹:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>單行注釋</title> </head> <body> <h1 id="myH1"></h1> <p id="myP"></p> <script> // 輸出標題: document.getElementById("myH1").innerHTML="Welcome to my Homepage"; // 輸出段落: document.getElementById("myP").innerHTML="This is my first paragraph."; </script> <p><b>注釋:</b>注釋不會被執行。</p> </body> </html>
頁面輸出結果為:
㈡JavaScript 多行注釋
多行注釋以 /* 開始,以 */ 結尾。
下面的例子使用多行注釋來解釋代碼:
<!DOCTYPE html> <html> <head> <title>多行注釋</title> <meta charset="utf-8"> </head> <body> <h1 id="myH1"></h1> <p id="myP"></p> <script> /* 下面的這些代碼會輸出 一個標題和一個段落 並將代表主頁的開始 */ document.getElementById("myH1").innerHTML="歡迎來到石海瑩的博客"; document.getElementById("myP").innerHTML="這是一個歡迎的段落。"; </script> <p><b>注釋:</b>注釋塊不會被執行。</p> </body> </html>
頁面輸出結果為:
㈢使用注釋來阻止執行
⑴示例一:在下面的例子中,注釋用於阻止其中一條代碼行的執行(可用於調試):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注釋組織執行</title> </head> <body> <h1 id="myH1"></h1> <p id="myP"></p> <script> //document.getElementById("myH1").innerHTML="這段代碼被阻止執行"; document.getElementById("myP").innerHTML="這段代碼順利被執行。"; </script> <p><strong>注意:</strong> 注釋塊不會被執行</p> </body> </html>
頁面輸出結果為:
⑵示例二:在下面的例子中,注釋用於阻止代碼塊的執行(可用於調試):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注釋塊不執行</title> </head> <body> <h1 id="myH1"></h1> <p id="myP"></p> <script> /* document.getElementById("myH1").innerHTML="歡迎來到我的主頁"; document.getElementById("myP").innerHTML="這是我的第一個段落。"; */ </script> <p><strong>注意:</strong>注釋塊不會被執行。</p> </body> </html>
頁面輸出結果為:
㈣在行末使用注釋
在下面的例子中,把注釋放到代碼行的結尾處:
var x=5; // 聲明 x 並把 5 賦值給它 var y=x+2; // 聲明 y 並把 x+2 賦值給它
㈤注釋的重要性
養成一個好的習慣就是寫注釋。
方便你二次閱讀,維護你的代碼。
如果后面項目轉手,也方便別人來理解你的代碼和維護你的代碼。