JavaScript代码重构技巧

（1）提炼函数

在js开发中，我们大部分时间在与函数打交道，将一段代码独立成函数可以避免出现超大函数、独立出来的函数有利于代码复用、独立出来的函数如果命名良好能够起到注释的作用。

（2）合并重复的条件片段

如果一些条件分支散布着重复的代码，可以将这些代码合并。

（3）把条件分支语句提炼成函数

如果条件分支语句比较复杂，可以独立成一个单独的函数。

（4）合理使用循环

在函数内，如果有些代码实际负责的是一些重复性的工作，那么合理的使用循环可以使代码量更少。

（5）提前让函数退出代替嵌套的条件分支

面对一个嵌套的条件分支，可以对外层if判断进行考虑是不是能提前判断退出函数。

（6）传递对象参数代替过长的参数列表

（7）尽量减少参数数量

（8）少用三目运算符

如果三目运算符写出来难以理解，那宁愿用if...else

（9）合理使用链式调用

在JavaScript中，可以很容易地实现方法的链式调用，即让方法调用结束后返回对象本身。

（10）分解大型类

（11）用return退出多重循环

JavaScript代码重构技巧相关推荐

eclipse和idea代码通用吗_25个JavaScript代码简写技巧(下篇)
14. 多行字符串如果您发现自己需要在代码中编写多行字符串,那么您可以编写它: 常规: 但是有一种更简单的方法.只需使用反引号. 简写: 15. 展开(spread)操作符 ES6中引入的展开运算符 ...
IDEA代码重构技巧--迁移
IDEA代码重构技巧--目录页 1. 小声哔哔在代码重构和检视过程中,比较常见的是一个类或者方法职责不单一,导致代码有坏味道,这种情况就需要基于函数抽取,迁移来做代码重构,而迁移意味着调用点也需要同 ...
IDEA代码重构技巧--抽取类和接口
IDEA代码重构技巧--目录页 1. 小声哔哔重构和检视代码过程中,我们有时会碰到由于项目交接或者人员替换导致的代码腐化,比较常见的是类的职责不单一,此时比较好的重构技巧就是按照职责抽取函数或者类, ...
代码重构技巧宝典，学透本篇就足够了！
本文来源:http://n5d.net/ma76k 关于重构为什么要重构 1_代码重构漫画.jpeg 项目在不断演进过程中,代码不停地在堆砌.如果没有人为代码的质量负责,代码总是会往越来越混乱的方向 ...
常见代码重构技巧（非常实用）
点击关注公众号,Java干货及时送达作者:VectorJin juejin.cn/post/6954378167947624484 关于重构为什么要重构 1_代码重构漫画.jpeg 项目在不断演 ...
javascript代码重构之：写好函数
在写JavaScript代码时,写好函数很关键,本文通过9个方面详细的讨论了如何写好函数,写好函数,就会让你的代码读起来清晰得多,值得学习一下. 作者:xcheng 链接:https://juejin ...
【JAVA】代码重构技巧
简介重构是持续改进代码的基础.抵制重构将带来技术麻烦:忘记代码片段的功能.创建无法测试的代码等等. 而有了重构,使用单元测试.共享代码以及更可靠的无bug 的代码这些最佳实践就显得简单多了. 鉴于重 ...
python代码重构技巧_Python代码重构
代码重构是一件很是辛苦却很是有意义的事情,代码重构的缘由在于:django 一.代码过于冗余.沉余架构二.代码过于耦合函数三.代码过于复杂学习四.接口调用超出三层优化此次重构主要在于架构问题, ...
【JS】982- 11个JavaScript代码重构最佳实践
模式和重构之间有着一种与生俱来的关系.从某种角度来看,设计模式的目的就是为许多重构行为提供目标. 1.提炼函数在JavaScript开发中,我们大部分时间都在与函数打交道,所以我们希望这些函数有着良 ...

JavaScript代码重构技巧

JavaScript代码重构技巧

JavaScript代码重构技巧相关推荐

最新文章

热门文章