垃圾代码和优质代码的区别？
几个业务场景中的重构示例
请求顺序依赖
在这种场景中，首先还是业务的复杂度决定了代码的复杂度。首先我们来看一个在前端和node都有可能出现的一个简单的例子：
我们有 A, B, C, D 四个请求获取数据的函数（函数自己实现）， C 依赖 B 的结果，D 依赖 ABC 的结果，最终输出 D 的结果。
错误示例
虽然这个代码是故意写成这样的，不过确实也有在一些初学者身上看到过。这份代码还是能正确给出结果的，但是写法丑陋，回调地狱。如果后来人不进行重构，还有请求依赖，得继续回调嵌套。性能太差，没有考虑 A 和 B 实际上是可以并发的。
这里介绍了一下最原始的 callback … 中间大家可以去回顾一下 整个 ES2015+ ，callback (async.js) --> Promise --> generator + co --> async + await 的进化过程。其实是从原生的语法层面不断去简化和增强我们对于异步的控制能力。
下面直接给目前阶段原生提供的终极方案：基于 Promise + async/await
正确示例
我们重新思考了一下上面的问题，理清楚了逻辑顺序的依赖。并且用最新的语法。
使用 Promise.all 结合 async/await 的形式，考虑了并发和串行，写法简洁，达到了在示例要求下的最快方案。解决了无限嵌套的问题。这是跟随语言进化本身带给我们可以进行的优化。
但又不仅仅如此。我们将问题进行归类 将 B，C 有依赖顺序的请求，抽离出单独的函数。让他们去处理自身的逻辑。这个点我们稍后再提。
折磨人的 if else
可能存在下面一些问题
1、过多的嵌套
2、逻辑处理冗余
3、没有做好防御编程（错误处理
直接来一个代码例子，这是一个获取背景颜色的方法，但是随着业务的不断变化，背景颜色的来源越来越多，在一些业务人员的处理下可能是这样的：
错误示例
相信你在读上面的代码的时候是极为痛苦的，想要一目了然的知道最终会进入哪个分支，基本不可能。于是基于下面两个原则
- 合理的抽取成函数
- 错误优先返回
有了一个基础版本的重构：
正确示例
可以看到整个逻辑，经过了重新梳理。拆分成了三个函数，子方法分别去处理对应层级的逻辑，由一个主方法负责调度。整体都变得一目了然了。
当然，在我们基于上面的原则进行重构之后，这个代码有没有问题呢？当然有。可以看到我们这三个函数，都依赖了全局变量。函数本身就不纯了。如果是全局的问题，还是不易于排查。
我们可以将其修改为纯函数，让这一份代码易于理解和测试。
以一个函数的修改为示例：我们将 全局变量变成了参数，只需要在调用的时候，将全局变量传入即可，但是这样，我们得到了一个纯函数。
为什么会在这里特别强调这个点呢，其实在函数式编程中的一个最基础的问题那就是纯函数。只有这样输入输出才是可被观测的，一个输入一定会有一个输出。也只有通过这样的方式，才能让系统中非纯的函数越来越少。让代码变得更易于测试。
当然作为我们如果以重构的角度去思考的话，我们还需要关注到这个点：
这里的逻辑会将会 最后一个被匹配到的数据，设置为 bgColor 。（我们都知道 find indexOf 等基本都是从前匹配。）是否真的是业务的需求呢？
可以看到将业务代码写好/重构的过程中其实也是对业务逻辑和业务理解的再一次提升。
不论是抽取成函数还是错误优先返回的设计，这其实也都是可以解决这样一个问题：能在不去读懂全局的情况下，了解某一个区域的细节逻辑，也就做到了让代码易于理解和修改。
… 这里的代码即便是经过这样的重构后，依然有可以考虑进一步优化的空间，比如函数与参数的命名，完整的测试用例等等，受限于文章篇幅，暂不展开说明。
一些代码中可能存在的其他问题
- 逻辑耦合在视图层。
- a === ‘a’ && b =‘b’ && c=‘c’ && d ===‘d’?
…
:null
- 组件复用，函数复用，不封装，代码重复。
- 函数功能不单一，一个函数处理太多职责。且这些职责没有任何关联，但是都耦合在同一个区块内。
- 参数列表混乱，有做好防御编程，不处理错误（接口错误，超时，重复提交等等
- 魔法数字，魔法字符串，且没说明。
- 糟糕数据结构 / 糟糕命名 （其实上面的具体代码示例也存在）
关于优化代码的思想准备
首先来说一下为什么会说需要优化代码？
- 技术追求。
- 公司要求，线上有系统在用。有用户在用，不写好出问题实际上苦的还是自己。
- 团队协作，我不好好写，团队成员其他人也不好好写，恶性循环苦的还是自己。
- 快速迭代。系统需要不断的增加新功能。必须要写好代码才能做到。
- 其他人的看法，怕别人觉得自己技术能力差… xxxx…
那么就会有下面这些要求：
- 易于理解系统的架构
- 易于理解系统的生命周期与执行流程
- 易于理解每一个函数的作用
- 易于理解函数之间是如何调用与传递的（输入输出）
- 易于理解变量的含义，表达式的含义。
- 易于扩展…
最终实际上又回到了写出来的代码应该是 整洁的代码，要使代码易于理解/修改/测试。（这里其实大部分时候，都隐含了一个人员协作的条件在里面，所以，既要写好代码，又不能过度封装，让团队其他成员看不懂（当然如果确实有些人经验不够，那么是他自身的问题，需要他自己去加强。））
一些建议
- 更加清晰的去了解业务，去思考可能的变化。思考和设计清楚再动手。
- 看一些开源项目与业界最佳实践，明白什么样的是好代码，什么样的是不好的代码。
- 建立明白代码虽然是给计算机运行的，但最终还是人看的。不仅仅是没有 bug 就行了，这样的心智模型。
- 建立业务与代码质量同等重要的思考模型。避免因为时间导致的不得不这么写的代码。
- 明白 code review 本身可能能发现和指出来一些问题，但最终的落实还的靠自己，不能变成形式，而是需要融合成自身的思考。
- 使用错误优先原则。尽可能的让出错的先返回， 这样后面就会得到干净的代码。（写代码的时候，不仅仅正向，反向的判断也需要思考）
- 合理的拆分成独立的函数。明确输入输出，错误处理等在函数内部的处理。（比如在一些场景中确实会存在大量逻辑判断，首先就要思考在判断内部的语句是否能被归类与拆分出去）
- 对于多种状态的判断与组合，可以使用 组合状态表 （map表）状态机等模式
- 学习设计模式与重构等相关知识。
- 重构！！只要你觉得这个地方有问题了，那就不要等到以后。以后往往就是再也不。
结束
说到这可能会有一种戛然而止的感觉。在这一篇文章里面，我们首先以两个优化代码的具体实例为引子，让大家明白了一些业务代码的优化思路。在之后从列举了一些其他可能出现的错误，以及是优化代码的思想准备和理论指导。其实都是希望大家能够在业务中去发现问题，再去思考如何解决问题，因为说了那么多，到底能不把代码写好，还是得靠自己。
作者：三省吾身
欢迎关注我的微信公众号「码农突围」，分享Python、Java、大数据、机器学习、人工智能等技术，关注码农技术提升•职场突围•思维跃迁，20万+码农成长充电第一站，陪有梦想的你一起成长
垃圾代码和优质代码的区别？相关推荐
- 静态代码和动态代码的区别_无代码和低代码有哪些区别
代码是大多数软件程序和应用程序的骨干. 代码是大多数软件程序和应用程序的骨干.每行代码充当一条指令:采用一种逐步性的逻辑机制,以便计算机.服务器和其他机器执行操作.想创建那些指令,就要知道如何编写代码 ...
- 外观html与外观css的区别,用房间和装修来解读html代码与css样式的区别和关系
想要了解html与css的区别和关系,就必须要知道这2个东西的特点和主要用途用法等.html语言是一种超文本标记语言,通过html语言中的各种标签(如table.p.div等),可以设计出很多不同结构 ...
- 低代码与BPM有什么区别？
业务流程管理(BPM)平台在过去几年里引起了很多关注.BPM是创建.管理和分析业务的不同核心流程以简化不同流程和活动的过程. 在讨论BPM时,还有一个你应该知道的因素!它被称为低代码BPM.低代码BP ...
- Java代码点和代码单元及其区别
转载自:http://blog.csdn.net/weizhaozhe/article/details/3909079 转载自:http://blog.csdn.net/morningsun1990/ ...
- 什么是零代码？零代码与低代码有什么联系与区别？
传统的软件研发方式目前并不能很好地满足企业的需求:人员成本高.研发时间长.运维复杂.这时零代码或低代码工具出现在市面上并被关注就是必然趋势了.对于不太了解两者的人来说,零代码和低代码是什么?又有什么联 ...
- windows系统垃圾清理的批处理代码
windows系统垃圾清理的批处理代码 @echo off echo 正在清理系统垃圾文件,请稍等......清理系统垃圾后让您的系统更快! del /f /s /q %systemdrive%\*. ...
- java 拼 变量名_你还用拼音为变量命名?新人OIer别傻了,教你写出优质代码
本篇文章适用语言:python,c++,Java.(其实我就是随便bb) 我们在编辑代码的时候,不免拿其他人的代码进行学习,或者将自己的代码拿给别人修改.这个时候,如何让别人快速读懂你的代码,是提升效 ...
- web前端入门到实战：以轮播效果为案例谈如何写优质代码
作为程序员大家在写代码时谈的最多的就是代码的拓展性.复用性.本文就以大家熟悉的轮播效果为案例,讲一讲写优质代码的思路和实践. 文章分三个步骤.第一步,实现基本功能:第二步,考虑到代码的封装性和复用性: ...
- 刷屏的零代码和低代码有什么区别？惟客数据告诉你
自14年Forrester提出低代码/零代码概念后,可视化编程真正走入了各大厂商的布局中.16年开始,国内的低代码可视化平台相继发布,可视化编程正式步入商业化领域,但一直不温不火.直到18年Gartn ...
- 状态机/流程引擎/审批流的流程引擎/结合低代码开发的流程引擎 区别 业务系统中使用流程引擎
理念 - 反对用模板,用流程引擎实现业务 先强调一点. 业务系统, 要学习 ,反对用模板,用流程引擎实现业务. 除非有人参与,必须用流程引擎,不然不要用状态机or流程引擎, 不要用. 但是要学习流程引 ...
最新文章
- geany怎么创建文件夹_SAP事务码太多，记不住怎么办？
- 能量平衡_500kA 铝电解槽的能量平衡分析
- 读书笔记：《搞定3--平衡工作和生活的艺术》
- 简单的正则表达式过滤网址
- php数组转ini文件,php – 将数组转换为.ini文件
- Python练习：平方值格式化
- TEINet: Towards an Efficient Architecture for Video Recognition(AAAI2020)
- 【IEEE Transactions NNLS】DSAN: Deep Subdomain Adaptation Network for Image Classification译读笔记
- python中的字符串文本必须用什么括起来_Python标准库---18、文本处理服务：string 常见的字符串操作...
- Android Wifi 调试
- C语言中程序设计题 计算机二级考试
- java中composition_Java基础教程之组合(composition)
- iPad商标之争对开发者的影响
- 恢复服务器误删文件,云服务器误删文件恢复
- iOS 安装包瘦身（下篇）
- Tomcat日志切割工具 logrotate
- Gurub linux windows,windows10安装ubuntu双系统教程（绝对史上最详细）
- python期货基本面分析_用python对股票期货做时序分析
- WordPress BuddyPress 越权RCE漏洞复现（CVE-2021-21389）
- java学习笔记-基础篇