前端代码注释

ops/2024/10/31 20:24:53/

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 类注释
  • 属性注释
  • 函数注释
  • 函数参数注释
  • 解构 & 函数返回结果 注释
  • Vue Props 注释
  • 注释建议
      • 注释内容要清晰简洁
      • 注释类型
      • 避免不必要的注释
      • 采用一致的风格
      • 版本与更新记录
      • 注释的适用范围
      • 更新与维护


前言

代码注释是代码中很重要的一部分,或者说是一个前端项目中很重要的一部分,因为它能起到解释代码的作用,所以注释越多的项目,说明这个项目的可维护性更高,更加地健壮


类注释

示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。

当你想要给一个类注释时,你可以这么去写
在这里插入图片描述
这样的话,当你在使用这个类的时候,会有提示

在这里插入图片描述


属性注释

当你想要给一个类属性注释时,你可以这么去写

在这里插入图片描述

这样的话,当你在使用这个类属性的时候,会有提示

在这里插入图片描述


函数注释

对于一个函数,我们可以做很多注释,比如:

  • 函数的用处
  • 函数的参数
  • 函数的使用注意点

还是刚刚的方式,我们甚至可以在注释里面去使用 markdown 语法,让注释变成更加有趣生动

在这里插入图片描述
按照上面这样的注释写法,我们在使用这个函数时,可以得到这样的有趣提示~

在这里插入图片描述
而类里的方法也是一样的效果

在这里插入图片描述
在这里插入图片描述


函数参数注释

如果我们相对函数的每一个参数都进行注释,应该怎么做呢?可以这么去写注释
在这里插入图片描述
这样我们在使用函数的时候,会有参数提示

在这里插入图片描述


解构 & 函数返回结果 注释

想要解构的对象,或者解构函数返回结果时有提示,同样可以在类型那里进行注释

在这里插入图片描述
在这里插入图片描述


Vue Props 注释

这样的样式同样也适用在 Vue Props 上

在这里插入图片描述

在这里插入图片描述


注释建议

注释内容要清晰简洁

  • 避免冗长:注释应简洁明了,直接表达意图,避免复杂的句子。使用简单的语言:确保即使是不熟悉项目的开发者也能理解你的注释

注释类型

  • 模块和组件注释:在每个文件的顶部,描述该模块或组件的功能、目的及用法
  • 函数和方法注释:在函数前简要说明该函数的用途、参数、返回值以及异常情况
  • 代码段注释:在复杂的代码块上方或旁边添加注释,解释其逻辑或特定的实现方法

避免不必要的注释

  • 自解释的代码:如果代码变量、函数命名已经清晰表达其功能,通常不需要额外注释
  • 避免注释明显的内容:如 // 加1 这种注释一般没有必要

采用一致的风格

  • 格式统一:无论是使用单行注释 // 还是多行注释 /* */,都要保持一致
  • 使用文档注释:对于函数和类,使用类似 JSDoc 的格式来标准化注释,这样更易于生成文档

版本与更新记录

  • 记录变更:在文件顶部或注释区域,简要记录修改历史,包括修改者、时间和更改内容
  • -遵循代码风格指南:遵循团队的代码风格指南,以确保注释的风格一致

注释的适用范围

  • 考虑不同受众:注释应考虑到团队中的不同技术水平的开发者,不同背景的开发者需要不同深度的注释
  • 避免私人笔记:注释应面向所有开发者,避免包含个人笔记或无关内容

更新与维护

  • 及时更新:每当代码更改时,要同步更新相关注释,保持注释的准确性和相关性。
  • 定期审查:在代码审查或重构时,检查注释的有效性,确保它们依然适用。

原文链接


http://www.ppmy.cn/ops/129945.html

相关文章

PHP+REDIS设置请求限流(设置1秒内最大请求数1000QPS)

双十一期间要做活动,设置商品请求限流,护航秒杀活动正常进行!#设置1秒内最多同时1000请求 $maxNum 1000; $redisKey GoldMall:Huodong:gid.$g_id._.date(s); $onlineNum (int)$this->redis->get($redisKey); if($onlineNum){$online…

ToDesk远程连接Ubuntu无法载入桌面

仅用于记录自己解决Ubuntu下ToDesk无法打开桌面。 问题描述 Ubuntu的ToDesk可以远程其他设备,一切正常; 其他设备远程Ubuntu时,卡在“正在链接100%”界面,但无法显示。 除此之外,Ubuntu下打开ToDesk客户端&#xff…

算法的基本概念@性能分析初步@复杂度分析初步

文章目录 abstract算法的基本概念算法指标 算法的效率问题规模(输入规模)语句频度 复杂度频度例输入数据状态 算法的时间复杂度👺定义基本语句渐进性能符号O和渐进时间复杂度 数量级严格定义符号O理解符号O 相关描述分析算法时间复杂度的基本方法👺对于给…

光伏如何避免阴影遮挡?气象仿真+方案设计更准确!

不合理的阴影遮挡对光伏组件的影响不容忽视。它不仅会导致光伏组件的输出功率下降,影响整体发电效率。更为严重的是,阴影遮挡还可能引发光伏组件的局部过热现象,形成所谓的“热斑效应”。 “热斑效应”是指阴影效应持续存在且未得到有效消除&…

【C++刷题】力扣-#495-提莫攻击

题目描述 在《英雄联盟》的世界中,有一个叫 “提莫” 的英雄。他的攻击可以让敌方英雄艾希(编者注:寒冰射手)进入中毒状态。 当提莫攻击艾希,艾希的中毒状态正好持续 duration 秒。 正式地讲,提莫在 t 发起…

守护头顶安全——AI高空抛物监测,让悲剧不再重演

在城市的喧嚣中,我们享受着高楼林立带来的便捷与繁华,却往往忽视了那些隐藏在高空中的危险。近日,震惊全国的高空抛物死刑案件被最高院核准并执行。案件中被告人多次高空抛物的举动,夺去了无辜者的生命,也让自己付出了…

2024年10月23日Github流行趋势

项目名称:hiteshchoudhary / apihub 项目维护者:wajeshubham, atulbhatt-system32, jwala-anirudh, arnb-smnta, shrey-dadhaniya 项目介绍:您自己的API Hub,用于学习和掌握API交互。非常适合前端、移动开发人员和后端开发人员。 …

Bug | 项目中数据库查询问题

问题描述 理论上,点击查询后,表头应当显示中文。而不是上面的在数据库中的表头【如上图示】 正常点击查询后,如果没有输入值,应当是查询所有的信息。 原因分析: 这里是直接使用SELECT * 导致的。例如: S…