目录
-
- 一、可维护性代码
- 二、编码规范-可读性
- 三、变量和函数命名
- 四、松散耦合
- 五、编码惯例
- 六、作用域意识
- 七、优化循环
- 八、语句最少化
- 九、优化DOM交互
- 十、JavaScript思维导图
-
- 为什么80%的码农做不了架构师？>>>
- [Java专栏目录 | 点击这里](https://blog.csdn.net/guorui_java/article/details/)
- 十一、关注公众号哪吒编程，回复1024，获取思维导图，还有不定期的送书活动
一、可维护性代码
通常说代码可维护就意味着它具备以下的特点：
- 容易理解，无须求助原始开发者，任何人一看代码就知道它是干什么的，以及它是怎么实现的；
- 符合常识，代码中的一切都显得顺理成章，无论操作多么复杂；
- 容易适配，即使数据发生变化也不用完全重写；
- 容易扩展，代码架构经过认真设计，支持未来扩展核心功能；
- 容易调试，出问题时，代码可以给出明确的信息，通过它能直接定位问题；
二、编码规范-可读性
- 函数和方法，每个函数和方法都应该有注释来描述其用途，以及完成任务所用的算法。同时，也写清楚这个函数或方法的前提，每个参数的含义，以及函数是否返回值。
- 大型代码块，多行代码但用于完成单一任务的，应该在前面给出注释，把要完成的任务写清楚。
- 复杂的算法，如果使用了独特的方法解决问题，要通过注释解释明白。这样不仅可以帮助别人查看代码，也可以帮助自己今后查看代码。
- 使用黑科技，一些特殊的方法，特定的假设。
三、变量和函数命名
代码中变量和函数的适当命名对于其可读性和可维护性至关重要。
- 变量名应该是名称；
- 函数名应该以动词开始；
- 变量、函数、方法都以小写字母开头，使用驼峰大小写形式；
- 名称要尽量用描述性和直观的词汇，但不要过于冗长；
四、松散耦合
1、解耦HTML和JavaScript
<!-- 使用<script>造成紧密耦合 --> <script> document.write("hello 哪吒编程"); </script> <!-- 使用事件处理程序属性造成紧密耦合 --> <input type="button" value="Click me" onclick="dosomething()"/> 2、解耦CSS和JavaScript
element.style.color = "red"; element.style.backgroundColor = "blue"; 3、解耦应用程序逻辑和事件处理程序
- 不要把event对象传给其他方法，而是只传递event对象中必要的数据；
- 应用程序中每个可能的操作都应该无须事件处理程序就可以执行；
- 事件处理程序应该处理事件，而把后续处理交给应用程序逻辑；
做到以上几点能够给任何代码的可维护性带来巨大的提升，同时也能为将来的测试和开发提供很多可能性。
五、编码惯例
- 重复出现的值
- 用户界面字符串
- URL
- 任何可能变化的值
六、作用域意识
随着作用域链中作用域数量的增加，访问当前作用域链外部变量所需要的时间也会增加，访问全局变量始终比访问局部变量要慢，因为必须遍历作用域链，任何可疑缩短遍历作用域链时间的举措都能提升代码性能。
1、避免全局查找
2、不适用with语句
在性能很重要的代码中，应避免使用with语句，与函数类似，with语句会创建自己的作用域，因此也会加长其中代码的作用域链。在with语句中的diamagnetic一定比在它外部执行的代码慢，因为作用域链查找时多一步。
七、优化循环
循环时编程中常用的语法构造，因此在JavaScript中十分常见，优化这些循环时性能优化的重要内容，因为循环会重复多次运行相同的代码，所以运行时间会自动增加。
1、简化终止条件
因为每次循环都会计算终止条件，所以它应该尽可能地快。
2、简化循环体
循环体是最花时间的部分，因此要尽可能优化。要确保其中不包含可以轻松转移到循环外部的密集计算。
3、使用后测试循环
最常见的循环时for和while循环，这两种循环都属于先测试循环。do-while就是后测试循环，避免了对终止条件初始化评估，因此会更快。
4、展开循环
如果循环的次数是有限的，那么通常抛弃循环而直接多次调用函数会更快。
八、语句最少化
JavaScript代码语句的数量影响执行的速度。一条可以执行多个操作的语句，比多条语句中每个语句执行一个操作要快。那么优化的目标就是寻找可以合并的语句，以较少整个脚本的执行时间。
1、多个变量声明
2、插入迭代性值
let name = values[i]; i++; 3、使用数组和对象字面量
九、优化DOM交互
在所有JavaScript代码中，涉及DOM的部分无疑是非常慢的。DOM操作和交互需要占用大量时间，因为经常需要重新渲染整个或部分页面。此外，看起来简单的操作也可能花费很长时间，因为DOM中携带着大量信息。理解如何优化DOM交互可以极大地提升脚本的执行速度。
1、实时更新最小化
访问DOM时，只要访问的部分是显示页面的一部分，就是在执行实时更新操作。之所以称其为实时更新，是因为涉及立即更新页面的显示，让用户看到。每次这样的更新，无论是插入一个字符还是删除页面上的一个内容，都会导致性能损失。这是因为浏览器需要为此重新计算数千项指标，之后才能执行更新。实时更新的次数越多，执行代码所需的时间也越长。
2、使用innerHTML
3、使用委托事件
4、注意HTMLCollection
十、JavaScript思维导图
为什么80%的码农做不了架构师？>>>
Java专栏目录 | 点击这里
十一、关注公众号哪吒编程，回复1024，获取思维导图，还有不定期的送书活动
- 一步到位！Java程序设计
- 极简Java
- Oracle PL/SQL从入门到精通
- Python自然语言处理入门
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/211800.html原文链接：https://javaforall.net
