在JavaScript中，为一些关键代码注释是非常有必要的。注释的好处很多，比如方便理解、方便查找或方便项目组里的其他开发人员了解你的代码，而且也方便以后你对自己的代码进行修改。

一、单行注释

当注释的内容比较少，只有一行时，我们可以使用单行注释的方式。

语法：

//单行注释

说明：

小伙伴们要特别注意一下，HTML注释、CSS注释和JavaScript注释是不一样的。此外，并不是什么地方我们都要注释，一般情况只会对一些关键功能的代码进行注释。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        /*这是CSS注释*/
        body{color:Red;}
    </style>
    <script>
        //这是JavaScript注释（单行）
        document.write("不要把无知当个性");
    </script>
</head>
<body>
    <!--这是HTML注释-->
    <div></div>
</body>
</html>

浏览器预览效果如图所示。

分析：

从上面我们可以知道，被注释的内容是不会在浏览器中显示出来的。

二、多行注释

当注释的内容比较多，用一行表达不出来时，我们可以使用多行注释的方式。

语法：

/* 多行注释 */

说明：

有小伙伴可能会说，HTML、CSS、JavaScript注释不一样，而JavaScript还分单行注释和多行注释，我都记不住啊！其实我们不需要去死记，稍微留个印象就可以了，因为开发工具都会有代码高亮的提示功能。平常要是忘了的话，在编辑器中测试一下就知道了。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        /*
          这是JavaScript注释（多行）
          这是JavaScript注释（多行）
          这是JavaScript注释（多行）
         */
        document.write("不要把无知当个性");
    </script>
</head>
<body>
    <div></div>
</body>
</html>

浏览器预览效果如图所示。

分析：

当然，如果注释的内容只有一行，我们也可以采用多行注释方式。