我们在编写页面的时候，注释是必不可少的一部分，注释一方面可以让自己看清代码的结构，找起来更方便，另一方面，也有利于同事之间的工作交接，当然代码注释也要规范使用。那么今天就和大家聊聊前端代码的注释吧，有需要的朋友可以参考一下，希望对你有所帮助。
一、代码注释有什么用
1、和伪代码一样的作用，为接下来要实现的功能写出一个指导性的算法思路。只是没有伪代码详细。但是也指出了完成此功能的大体算法思路。
2、给看代码的人一个解释性说明。注意看代码的人包括你自己。让看你代码的人可以快速的浏览你的代码，不至于每看一行都要一行一行的看下去，才能明白你写的什么。
二、代码注释规范，遵循以下原则
1、能够帮助读者更好的了解代码逻辑与结构
2、特别的或不容易理解的写法可以解释说明
3、特殊标记注释：如 TODO、FIXME 等有特殊含义的标记
4、文件注释：部分规定会要求在文件头部书写固定格式的注释，如注明作者、协议等信息
5、文档类注释：部分规定要求 API类、函数等使用文档类注释（如 jsdoc 风格）
6、遵循统一的风格规范，如一定的空格、空行，以保证注释自身的可读性
立即学习“前端免费学习笔记（深入）”；
三、代码注释怎么写
1、HTML代码注释：;
在web页面中，最常见的注释就是这种了。我们在布局页面结构的时候，会添加少许的注释方便我们查找与记忆我们的想法。那么在页面中除了这样的注释外，还有那些注释呢，这里我列举一些：If条件不同版本浏览器注释列表：
2、CSS代码注释 : /* 注释内容*/
与html中的注释形式不同，css中的注释采取的是/*css中的注释*/的形式。注释的内容没有单行多行之分。
/*.aa,.bb { height: 100px; margin: 1px; background: #ccc; }*/
3、JS代码注释 : //注 释内容; 或者/* 注释内容 */,
与html\css不同的是，js中的注释存在单行多行的区分，也是种类比较繁多下面就一一介绍。
（1） // 两个斜杠表示单行注释。
（2） <!– 或者 使用<!–或者 作为单行注释.
（3）/* */ 多行注释
// function out(obj){// obj.innerHTML = "移出了";// obj.style.background = "#ccc"; // }
总结：前端开发人员应该深入理解代码注释的目的和原则，遵循注释规约并结合工具使用，这样才能使注释成为代码良好的辅助，增强可读性和可维护性，从而提高代码质量。
以上就是前端开发代码注释的作用及使用示范的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1547033.html
微信扫一扫 
支付宝扫一扫 
