你写这样的代码,不怕同事打你嘛?

开发 架构
假设看到了这样的代码,你是否一口老血喷在屏幕上?现在的问题是,面对如此代码,这么复杂的逻辑,能否优化?

假设看到了这样的代码:

  1. if (a && d || b && c && !d || (!a || !b) && c) { 
  2.   console.log('pass') 
  3. } else { 
  4.   console.log('fail') 

你是否一口老血喷在屏幕上?

[[315566]]

当然,这段代码是我参考一个掘金沸点(@隔壁村的李二狗)伪造的,但愿你和你的同事都别这么写。

能写出这种与或非,如果不是逻辑不清,那么估计只有一种可能,需求变更很多次,多人修改后的结果。。

现在的问题是,面对如此代码,这么复杂的逻辑,能否优化?

答案是肯定的!

这种问题的探究来自于一门数学:布尔代数或逻辑代数。

说到布尔,我们开发者对此太熟悉了。不就是 true 和 false 嘛。

布尔代数这门课,大学里应该或多或少都讲些吧。因为我是数学专业毕业的,看到这种问题必须记录一下,也顺便复习一下。

为了方便表达,JS 中的与或非,我用布尔代数里面的表示方法:

因此 a && d || b && c && !d || (!a || !b) && c 可以表达为:

转化后优先级清晰多了。

现在的问题是,我们如何化简这个逻辑表达式。

还好有一些常用结论可供我们使用:

前四个公式很好理解。比如,自己或上自己否,当然为 true。

关键在于第 5 个公式没那么直观,可以通过画图简单说明下(其他公式都可以类似推导)。

首先看部分,如图中绿色区域:

再看,如图中绿色区域:

则二者之和为:

而部分正是图中粉色区域:

因为粉色区域原本就在前二者之和里面,因此加多少次都是一样的。

注意最后这个公式核心特点:和是以和出现的。

有了这几个公式作为铺垫,我们就可以正式推导了(原沸点配图中有):

根据第 4 条,替换最后一项:

注意到前两项分别有和,符合第 5 条:

此时最后两项,符合第 2 条:

最后两项,其中一项为,另外一项也包含,满足第 3 条:

至此化简完了。真是不可以思议,B 没了!

此时开篇的代码简化成了这样:

  1. if (a && d || c) { 
  2.   console.log('pass') 
  3. } else { 
  4.   console.log('fail') 

真清爽。

感谢你看到这里,希望有所帮助。

责任编辑:赵宁宁 来源: 前端真好玩
相关推荐

2020-09-27 10:55:10

代码Java字符串

2011-05-12 11:01:26

HTML

2022-04-11 08:20:36

编程辅助工具GitHubCopilot

2015-11-24 09:13:25

程序员bug

2019-11-26 09:45:27

软件设计设计模式

2020-03-06 11:30:08

JavaGitHub编程

2014-11-11 14:52:28

程序员工程师

2019-10-15 15:19:59

Python爬虫low

2015-05-20 14:01:27

程序程序会做饭

2015-07-17 10:02:48

写代码

2018-04-17 11:47:06

if代码参数

2022-03-23 08:01:04

Python语言代码

2019-02-12 15:00:32

Javascript命令式编程前端

2020-05-13 14:15:25

if-else代码前端

2017-12-19 15:20:47

代码应用架构

2012-07-11 13:35:53

代码

2019-11-22 09:30:59

设计Java程序员

2020-04-03 14:55:39

Python 代码编程

2021-03-16 15:44:48

代码开发工具

2021-05-13 07:32:17

培训代码同事
点赞
收藏

51CTO技术栈公众号