前端怎么提高自己的代码质量？

Posted 2021-05-02 前端闰土哥

今天下午，有朋友在微信上给我留言，问我“土哥，作为一名前端工程师，平时在工作中该怎么提高自己的代码质量，封装抽象能力，编码规范...”

抽空来码点字，谈谈我个人的感悟，如有说的不对的地方，请指正。

1、拒绝cv大法。不是说自己造轮子，而是勤动手，很多以前不理解的东西都是写着写着就恍然大悟了。就算要复制，前提也是你理解了别人是怎么写的。

2、温故而知新。静下心看看自己之前的代码，看看自己是不是能看懂当时是怎么写的，现在有没有更好的写法。

3、不要在框架的表像中迷失。现在的框架越来越多，三头六臂也学不完，万变不离其宗，这个宗就是它的底层原理。每一个框架都是大神，用那些最基础的东西，为了某一场景，按照他的思想，造了个轮子。所以重要的不是框架，而且里面的思想。

4、优雅的处理重复性的代码。同样的代码，同样的逻辑，出现了两次以上，那么就该把它抽象封装。

5、代码代表了你自己。当你看到一堆没有注释，逻辑混乱，毫无规范的代码时，你痛恨的不只是这些代码，更是对这个人的。如果能想到这一层面，你觉得自己还不该规范一点么？

当然，以上几点，更多的是从个人成长的角度思考这个问题的。

总的一句话说，不是速成的，要积累、要总结、要不断的重构自己的已有代码，就跟装修自己房子那样用心对待。代码质量从主观上提升，主要靠积累、模仿、学习、分享、碰撞。

但你可以从客观上提升，靠工具、规范、流程可以提升，研读一下优秀的代码风格文档、引进更好的代码实践，从编辑器、pre-commit、Merge Request、CI等不同阶段对代码进行Lint。

Lint不仅可以是JS、TS，也可以是Style的Lint，现在stylelint也比以前更强大了。

核心的代码质量还是靠主观上的提升，多看看优雅的代码、多看看社区优秀的框架、不断的重构自己的代码、多与人沟通自己的想法和思路。

最后说一句，周五不加班，到点准时溜。