前端之JavaScript第二天学习(4)-JavaScript-注释

时间:2022-07-12 20:53:18

JavaScript 注释可用于提高代码的可读性。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

单行注释以 // 开头。

例子

下面的例子使用单行注释来解释代码:

<!DOCTYPE html>
<html>
<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>

效果:

Welcome to my Homepage

This is my first paragraph.

注释:注释不会被执行。

JavaScript 多行注释

多行注释以 /* 开始,以 */ 结尾。

下面的例子使用多行注释来解释代码:

例子

<!DOCTYPE html>
<html>
<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>

效果:

Welcome to my Homepage

This is my first paragraph.

注释:注释块不会被执行。

使用注释来阻止执行

例子 1

在下面的例子中,注释用于阻止其中一条代码行的执行(可用于调试):

<!DOCTYPE html>
<html>
<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>

效果:

This is my first paragraph.

注释:注释不会被执行。

例子 2

在下面的例子中,注释用于阻止代码块的执行(可用于调试):

<!DOCTYPE html>
<html>
<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>

效果:

注释:注释块不会被执行。

在行末使用注释

在下面的例子中,我们把注释放到代码行的结尾处:

<!DOCTYPE html>
<html>
<body>

<p id="myP"></p>

<script>
var x=5;   // 声明 x 并把 5 赋值给它
var y=x+2; // 声明 y 并把 x+2 赋值给它
document.getElementById("myP").innerHTML=y // 把 y 的值写到 myP
</script>

<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>

效果:

7

注释:注释不会被执行。