首頁 >web前端 >js教程 >javascript怎麼註解程式碼

javascript怎麼註解程式碼

青灯夜游
青灯夜游原創
2021-04-12 17:40:094338瀏覽

javascript註解程式碼的方法:1、使用單行註釋,語法“//需要註釋的程式碼”;2、使用多行註釋,將需要註解的程式碼以“/*”和“*/”包圍,語法“/*註釋內容*/”。

javascript怎麼註解程式碼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

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>

頁面輸出結果為:

⑵範例二:在下面的範例中,註解用於阻止程式碼區塊的執行(可用於偵錯):

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7注释块不执行6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d

cd51d6d08de83f962afff888184c4840473f0a7621bec819994bb5020d29372a
66825e7d7975fe099d6e9cfefe46a82a94b3e26ee717c64999d7867364b1b4a3
3f1c4e4b6b16bbbd69b2ee476dc4f83a
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
2cacc6d41bbb37262a98f745aa00fbf0
e388a4556c0f65e1904146cc1a846bee8e99a69fbe029cd4e2b854e244eab143注意:128dba7a3a77be0113eb0bea6ea0a5d0注释块不会被执行。94b3e26ee717c64999d7867364b1b4a3

36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

頁面輸出結果為:

在行末使用註解

#在下面的例子中,把註解放到程式碼行的結尾處:

var x=5;    // 声明 x 并把 5 赋值给它
var y=x+2;  // 声明 y 并把 x+2 赋值给它

註解的重要性

養成好的習慣就是寫註解。

方便你二次閱讀,維護你的程式碼。

如果後面專案轉手,也方便別人來理解你的程式碼和維護你的程式碼。

【推薦學習:javascript高階教學

#

以上是javascript怎麼註解程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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