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

简介: 【5月更文挑战第8天】JS编程中有哪些常见的编程“套路”或习惯

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


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

比如清空商品名称,


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


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


注意let、var、const的使用场景

var允许在同一作用域内重复声明同一个变量,后面的声明会覆盖前面的。

let在同一作用域内不允许重复声明同一个变量。

const一旦声明,就不能再修改其引用的值(对于简单类型如数字或字符串),但可以修改对象或数组的内容。


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

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


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

相关文章
|
2月前
|
存储 JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果+1
JavaScript编程实现tab选项卡切换的效果+1
|
3月前
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元:从CommonJS的基石到ES Modules的飞跃,探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升,JavaScript模块化编程变得至关重要,它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules,模块化标准经历了显著的发展。CommonJS最初专为服务器端设计,通过`require()`同步加载模块。而ES Modules作为官方标准,支持异步加载,更适合浏览器环境,并且能够进行静态分析以优化性能。这两种标准各有特色,但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟,也反映了整个JavaScript生态系统的不断完善。
46 3
|
2月前
|
JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果
JavaScript编程实现tab选项卡切换的效果
|
2月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
2月前
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转
|
2月前
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值
|
3月前
|
JavaScript 前端开发 安全
揭秘TypeScript的魔力:它是如何华丽变身为JavaScript的超能英雄,让您的代码飞入全新的编程维度!
【8月更文挑战第22天】在Web开发领域,JavaScript是最主流的编程语言之一。但随着应用规模的增长,其类型安全和模块化的不足逐渐显现。为解决这些问题,微软推出了TypeScript,这是JavaScript的一个超集,通过添加静态类型检查来提升开发效率。TypeScript兼容所有JavaScript代码,并引入类型注解功能。
36 2
|
3月前
|
JavaScript 前端开发 Oracle
|
3月前
|
JavaScript 前端开发 开发者
震撼揭秘!JS模块化进化史:从混沌到秩序,一场代码世界的华丽蜕变,你怎能错过这场编程盛宴?
【8月更文挑战第23天】在 Web 前端开发领域,JavaScript 模块化已成为处理日益复杂的 Web 应用程序的关键技术。通过将代码分解成独立且可重用的模块,开发者能够更有效地组织和管理代码,避免命名冲突和依赖混乱。从最早的全局函数模式到 IIFE,再到 CommonJS 和 AMD,最终进化到了 ES6 的原生模块支持以及 UMD 的跨环境兼容性。本文通过具体示例介绍了这些模块化规范的发展历程及其在实际开发中的应用。
44 0
|
3月前
|
JavaScript 前端开发 数据库
编程小白到高手:掌握null与undefined、JavaScript中隐藏的技巧曝光!
编程小白到高手:掌握null与undefined、JavaScript中隐藏的技巧曝光!