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

javascript怎麼註解程式碼

青灯夜游
發布: 2023-01-05 16:07:42
原創
4328 人瀏覽過

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>
登入後複製

頁面輸出結果為:

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

<!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 赋值给它
登入後複製

註解的重要性

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

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

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

【推薦學習:javascript高階教學

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板