JavaScript 简洁编码的 5 个最佳实践

2025-05-25

JavaScript 简洁编码的 5 个最佳实践

即使是糟糕的代码也能正常运行。但如果代码不干净,它可能会彻底摧毁一个开发组织。——罗伯特·C·马丁(鲍勃大叔)

简洁的代码意味着你写的代码是为以后的自己和同事写的,而不是为机器写的。你的代码必须易于人类理解。

以下是我在编写 JavaScript 代码时遵循的一些简洁的编码实践。这些实践并非特定于某个框架,可以用于任何框架。

1. 编写简洁的代码
代码应该足够简单易懂。例如,如果我们要编写一个方法,接受一个数字数组作为参数,并返回一个新数组,其中每个数字的值都是其值的两倍。这可以这样实现。 与其使用上面的代码,不如这样做。
图像的替代文本

2. 编写线性代码
嵌套代码难以理解。尽可能编写线性代码。它使我们的代码简洁、清晰、易读且易于维护,从而减轻开发人员的工作负担。

例如,让我们编写一个将电子邮件发送给问题所有者的函数。


现在让我们看看用 async/await 实现的相同代码


让我们看另一个例子现在让我们看一下使用快速失败方法 实现的相同代码


3. 更好地命名变量和方法。
这能提高代码的可读性,并使代码更易于维护。名称应该有意义且具有上下文。通过阅读函数或变量的名称,应该能够理解其用途。例如, 始终使用肯定的命名。例如,不要使用isNotActive,而要使用!isActive。

4. 函数应该只做一件事。
函数代码不应超过 20 到 25 行。函数越短越好。函数应该只修改某个内容或查询某个内容,但不能同时修改和查询。请考虑以下代码。 同样的操作可以用更简洁的方式实现。


5. 使用 ESLint、Prettier 和最新的 JavaScript
始终使用 ESLint 和 Prettier 来确保开发人员能够统一代码风格,查找语法错误和代码格式。使用 JavaScript 的最新功能编写代码,例如解构、展开运算符、async-await、模板字面量、可选链式调用等等。以下是一些示例:


希望这篇文章对您有所帮助,感谢您的阅读。欢迎您提供反馈。

文章来源:https://dev.to/deepaksisodiya/5-best-practices-for-clean-coding-in-javascript-26am
PREV
全栈开发人员的生活😱🤯😱
NEXT
再见,Electron。你好,Tauri!