首页 web前端 js教程 深入理解JS代码注释方法及代码注释规范

深入理解JS代码注释方法及代码注释规范

Oct 10, 2018 pm 02:35 PM

在页面布局时,为了提高代码的可读性,经常需要给代码加注释,这篇文章就和大家聊聊JS怎么注释代码以及JS代码注释的规范,感兴趣的朋友可以参考一下,希望对你有所帮助!

注释是代码必不可少的一部分,一个完整的程序必须要加注释。注释不仅有利于自己更新和修改项目,还有利于其他人拿到你的项目时知道你写的什么。

一、JavaScript代码注释方法

JavaScript不会执行注释里面的代码,JS代码注释分为单行注释和多行注释。

1、单行注释

单行注释以//开头,//后面要加一个空格,然后再写注释的内容,单行注释可用于描述当前代码的作用,解释代码等等。

代码实例:给document.write("字符串是:"+str)代码单行注释,不需要其显示在页面上

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str));  
   //document.write("字符串是:"+str)
  }  
 </script>
登录后复制

注释前效果图:

图片5.jpg

注释后效果图:

图片6.jpg

2、多行注释

多行注释以 /* 开始,以 */ 结尾,但是工作中要尽量使用单行注释替代多行注释,即使注释需要多行,也要用单行注释来完成,但是函数的注释还是推荐使用多行注释。

代码实例:

<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到菜鸟教程";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>
登录后复制

二、JS代码注释的规范

一个好的代码注释要做到,如果没有必要,则不要加注释,如果需要加注释,则写详细,让别人明白你的意思,尽量提高代码的清晰性和可读性。工作中要做到以下几点:

1、在有逻辑的代码中,代码的注释要在20%以上

2、文件注释时,文件注释写入文件的头部

3、类和接口的注释时,注释需要放在class之前,using或package关键字之后

4、遇到类属性、公有和保护方法时,注释需要写在类属性、公有、保护方法上面。即用//注释,需要对齐被注释的代码

5、注释需要放在被注释的代码前面,分行写且中间不要留空行

6、不要在注释中使用缩写,如果要用缩写,需要对缩写进行必要的解释说明

7、成员变量注释内容时,成员变量的意义、目的和功能,可能被用到的地方,用//来注释,需要对齐被注释的代码

总之,每个程序员都应该养成一个写注释的好习惯,不仅方便自己阅读和修改代码,而且还方便别人理解和维护你的代码。

以上介绍了JS代码的注释方法以及JS代码的注释规范,比较简单,容易理解,更多相关教程请访问 JavaScript视频教程

以上是深入理解JS代码注释方法及代码注释规范的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用WebSocket和JavaScript实现在线语音识别系统 如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言:随着科技的不断发展,语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统,具备了低延迟、实时性和跨平台的特点,成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

便捷使用PyCharm快捷键实现多行注释 便捷使用PyCharm快捷键实现多行注释 Jan 27, 2024 am 08:02 AM

PyCharm多行注释快捷键:让代码注释更加便捷,需要具体代码示例在日常的编程工作中,代码注释是非常重要的一部分。它不仅可以提高代码的可读性和可维护性,还能帮助其他开发人员理解代码的意图和设计思路。然而,手动添加代码注释往往是一项耗时而繁琐的工作。为了让我们的代码注释更加高效,PyCharm提供了多行注释的快捷键。在PyCharm中,我们可以使用Ctrl+/

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

如何利用JavaScript和WebSocket实现实时在线点餐系统 如何利用JavaScript和WebSocket实现实时在线点餐系统 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket实现实时在线点餐系统介绍:随着互联网的普及和技术的进步,越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统,我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议,可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中,当用户选择菜品并下单

如何使用WebSocket和JavaScript实现在线预约系统 如何使用WebSocket和JavaScript实现在线预约系统 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代,越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统,并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工

如何在iPhone上为保存的密码添加注释 如何在iPhone上为保存的密码添加注释 Feb 28, 2024 pm 07:41 PM

iCloud钥匙串使您能够更方便地管理密码,无需依赖记忆或猜测网站或用户名。您可以通过在iCloud钥匙串中为应用程序和网站的现有密码添加注释来实现这一点。在这篇文章中,我们将解释如何为您保存在iPhone上的iCloud钥匙串中的密码添加注释。要求您需要满足一些要求才能在iCloud钥匙串中使用这项新功能。运行iOS15.4或更高版本的iPhone密码储存在iCloud钥匙串中的有效AppleID有效的互联网连接如何为保存的密码添加注释毋庸置疑,您应该在iCloudKeychain中存储一些密

JavaScript和WebSocket:打造高效的实时天气预报系统 JavaScript和WebSocket:打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的实时天气预报系统引言:如今,天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展,我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中,我们将学习如何使用JavaScript和WebSocket技术,来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

See all articles