首页 > web前端 > js教程 > CLEAN 框架:编写无错误、可维护的 JavaScript 代码的技术蓝图

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

Barbara Streisand
发布: 2024-10-17 18:45:30
原创
735 人浏览过

The CLEAN Framework: A tep Blueprint for Writing Bug-Free, Maintainable JavaScript Code

周五晚上有 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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板