JS编程中有哪些常见的编程“套路”或习惯


从个人的编程经验来看，不管你是前端JS编程还是后端Java编程，在一些习惯上基本是通用的。就是你编写的JS代码必须要功能完善且易于阅读易于维护。那么这里整理一下JS编程过程中一些比较行之有效的编程习惯。

函数命名：对于JS编程的函数命名，驼峰命名且有意义的方法名往往更容易让人一眼就看明白，有助于提高代码的可读性、可维护性和可重用性。好的命名可以帮助快速识别代码块的作用，而无需深入研究实现细节，节省时间成本；同时意味着即使在没有文档或注释的情况下，代码本身也能够传达其意图，从而减少由于误解代码意图而导致的错误和冲突。

比如清空商品名称，

JS编程中有哪些常见的编程“套路”或习惯_ecmascript

变量命名：变量命名的话通常和页面中对应字段的名称保持一致，这样方便在上下追溯时快速定位字段所在位置，比如官网用户名

JS编程中有哪些常见的编程“套路”或习惯_javascript_02

尽量不要使用全局变量：由于全局变量在JS代码行数比较多的时候，中途可能会有其他方法改变全局变量，导致后续在用到时可能未考虑到变量值已经发生其他改变，比如这个760行的页面；同样全局变量可以在代码的任何地方被访问和修改，这使得跟踪和调试问题变得更加困难。当全局变量被意外修改时，可能会导致难以发现的错误。全局变量使得代码之间的依赖关系变得不明确，这增加了代码的复杂性，降低了代码的可维护性。如果函数或模块依赖于外部的全局变量，那么这些函数或模块就难以被重用或移植到其他项目中。

JS编程中有哪些常见的编程“套路”或习惯_全局变量_03

注意let、var、const的使用场景：
var允许在同一作用域内重复声明同一个变量，后面的声明会覆盖前面的。
let在同一作用域内不允许重复声明同一个变量。
const一旦声明，就不能再修改其引用的值（对于简单类型如数字或字符串），但可以修改对象或数组的内容。

注意代码结构层级清晰：在编写JS函数的过程中注意代码换行以及前后缩进的规律，保证代码的可阅读性，比如

JS编程中有哪些常见的编程“套路”或习惯_全局变量_04

清晰的代码结构层级使得代码更易于阅读和理解。当其他开发者查看代码时，他们可以更快地理解代码的功能、逻辑和流程；同样当需要添加新功能、修复错误或进行性能优化时，清晰的代码结构可以帮助你快速定位到需要修改的部分，减少不必要的错误和返工；在团队项目中，不同的开发者可能会参与同一部分代码的开发。清晰的代码结构可以帮助团队成员更好地理解代码，减少误解和冲突，提高团队协作效率；最后清晰的代码结构层级可以帮助你更好地组织和管理代码，使得添加新功能或模块变得更加容易。

最后，总的来说，好的编码习惯是通用的，不管你是Java还是JS编码，养成好的编码习惯，会让你的代码更加优美和高效。