本篇文章讲解JS注释、多行注释、单行注释、萌新必看!

注释仅供开发人员使用,程序运行时会自动忽略注释内容,因此通常使用注释来添加代码的注释或说明,从而提高代码的可读性。JavaScript中的注释支持单行注释和多行注释样式,方式与C/C、Java、PHP等语言定义的方式相同。

1. 单行注释

单行注释以双斜杠//开头,//之后的所有内容都会看作是注释的内容,对//之前的内容则不会产生影响,示例代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>JavaScript</title>
  5. </head>
  6. <body>
  7. <div id=“demo”></div>
  8. <script>
  9. // 在 id 属性为 demo 的标签中添加指定内容
  10. document.getElementById(“demo”).innerHTML = “http://c.biancheng.net/js/”;
  11. </script>
  12. </body>
  13. </html>

注意:单行注释 // 只对所在行有效。

另外,单行注释除了可以独占一行外,也可以在代码的末尾使用,如下例所示:

  1. var x = 5; // 声明变量 x,并把 5 赋值给它
  2. var y = x + 2; // 声明变量 y,并把 x+2 赋值给它

2. 多行注释

多行注释以/*开头,并以*/结尾,出现在/**/之间的所有内容都会看作是注释的内容,示例代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>JavaScript</title>
  5. </head>
  6. <body>
  7. <div id=“demo”></div>
  8. <script>
  9. /*
  10. 在 id 属性为 demo 的标签中
  11. 添加指定内容
  12. */
  13. document.getElementById(“demo”).innerHTML = “http://c.biancheng.net/js/”;
  14. </script>
  15. </body>
  16. </html>

3. 使用注释来阻止程序执行

使用注释除了可以为代码添加解释说明或描述外,在调试代码的时候,我们也可以将不需要运行的代码注释起来,这样在运行程序时浏览器就会忽略注释中的代码。如下例所示:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>JavaScript</title>
  5. </head>
  6. <body>
  7. <div id=“demo”></div>
  8. <script>
  9. document.getElementById(“demo”).innerHTML = “JavaScript教程”;
  10. // document.getElementById(“demo”).innerHTML = “JavaScript”;
  11. /*
  12. document.getElementById(“demo”).innerHTML = “注释”;
  13. document.getElementById(“demo”).innerHTML = “JavaScript注释”;
  14. */
  15. </script>
  16. </body>
  17. </html>

4. HTML 注释

JavaScript 还能够识别 HTML 注释的开始符<!--,并将其看作单行注释,与//效果相同。至于 HTML 注释的结束符-->JavaScript 则不能识别,因此若要使用 HTML 注释来注释 JavaScript 代码,应该使用 JavaScript 的单行注释将 HTML 注释的结束符-->注释掉,例如//-->。示例代码如下:

<!--document.getElementById("demo").innerHTML = "C语言中文网";
// -->
// document.getElementById("demo").innerHTML = "C语言中文网";

上面代码中,两种注释的效果是一样的。

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片