CLEAN 框架：编写无错误、可维护的 JavaScript 代码的技术蓝图

周五晚上有 bug。好可怕的梦。

不，这不是梦。它有可能发生。事实上，这种情况经常发生，以至于您开始怀疑自己和团队的技能。

顺便问一下，如何才能最小化错误？

我设计了一个框架来拯救你——用于清洁代码的CLEAN Framework。

C → 一致性为王。

使您的代码保持一致。如果你问的话，这意味着什么？

当您开始解决错误时，您会看到变量名称 x、y 和 z。你想知道那些到底是什么。你追溯它使用的所有地方，发现它是用来更新姓名、地址和电子邮件变量的。现在，您正在咒骂自己为什么使用 x、y 和 z 而不是种族变量名称，将宝贵的周五晚上浪费在不可避免的错误上。

那么，该怎么办？

按照我的方式，遵循风格指南。就像 Airbnb 或 Google 所做的那样。我更喜欢爱彼迎。

Airbnb 风格指南 - https://github.com/airbnb/javascript

Google 风格指南 - https://google.github.io/styleguide/jsguide.html

L → 精益功能和模块

现在就分解吧，你们！

想知道我建议分手是什么以及为什么？

好了，冷静下来。我并不是说要在你面前打破键盘。我建议分解您编写的更多扩展函数，这些函数现在很难阅读和理解正在发生的事情。将其分解，以便每个函数只做一件事并做好一件事——就像辅助函数一样，帮助您的原始函数代码。

小而集中的函数是可维护代码的秘诀。

E → 高效优化

速度是必要的，但不能以牺牲可读性和无错误代码为代价。

我知道，我知道。你会说，随着截止日期的临近，我必须更快地完成该功能。现在我会问你如何以与编写原始代码相同的闪电速度解决该错误。

不容易。对吗？

但是这是这个。从编写您的功能开始。完成后，在将代码提交审核之前，问问自己如何优化代码。我应该使用 map 而不是 forEach 吗？我应该使用 for...of 循环而不是 for 循环吗？

优化的代码就是快乐的代码，快乐的代码造就快乐的开发人员。

A → 古董代码护理

遗留代码很无聊，但实际上，它们是可行的古董。

有人花费大量时间来理解需求并使其发挥作用。你是对的;有时，它不是最好的优化和可读代码。但现在就由你来纠正了。如果时间允许，慢慢地、稳步地重构它。一步一脚印，保持原有特色。

尊重遗产，但不要害怕轻轻地将其推向未来。

N → 新功能采用

这就是ES6功能不断添加的原因。

它们不仅仅是闪亮的新玩具；它们也是。它们是编写更干净、更高效的代码的新超级力量。箭头函数、解构和模板文字是 JavaScript 的瑞士军刀。我们不要忘记异步编程。 Promise 和 async/await 就像代码的流量控制器，让一切顺利进行，不会出现任何堆积。

现代功能使您的代码更具表现力，让您的生活更轻松。

奖励：测试、调试、重复

经过良好测试的代码库才是快乐的代码库。

当你去验血却没有发现任何重大问题时，你感觉如何？是的，如果你想象的话，代码库也会有同样的感觉。事实上，如果代码经过充分测试，周五晚上出现错误的可能性就会较小。

写作测试是额外的奖励，但它是必须的。

记住，你已经得到了这个！您已经准备好使用 CLEAN 框架（一致性、精益模块、高效优化、古董代码维护和新功能采用）来应对任何 JavaScript 挑战。现在就像 JavaScript 忍者一样开始编码吧！

如果您喜欢阅读本文，请在 Twitter/X 上关注我以阅读更多内容。

以上是CLEAN 框架：编写无错误、可维护的 JavaScript 代码的技术蓝图的详细内容。更多信息请关注PHP中文网其他相关文章！