前言

代码写到一定程度，让人看着舒适十分重要。今天写业务的时候看着各种if else嵌套，内心一阵起伏。

if else的痛心

看多了if else让人头疼欲裂。贴点代码让大家感受一下痛苦吧~

function a (x, y) {let statusif (x) {  if (y) {    status = func(10)  } else {    status = func(20)  }} else {  if (y) {    status = func(30)  } else {    status = func(40)  }}return status}复制代码

随着业务的复杂度和难度，这种嵌套会变成地狱。但if else只会执行一个分支。比较与接下来的map映射还是很好的。

map映射

map映射就是键值对的读取，把分支状态信息预先缓存在Map里。最大的好处就是，非常直观

function b (x, y) { let map = {   isX: {     isY: func(10),     not: func(20)   },   not: {     isY: func(30),     not: func(40)   } } let firstKey = x ? 'isX' : 'not' let lastKey = y ? 'isY' : 'not' return map[firstKey][lastKey]}复制代码

对于复杂度、计算度较小的计算采用这种map对象没啥大问题。但随着计算量和复杂度的上升，预先缓存就会把所有的分支代码都执行了一遍，结果不言而喻。基于此的解决方案是异步加载。

map映射+异步加载

异步加载可以无痛解决上面b方法中的痛处。通过计算最后只走进一个分支并执行，与if else的责任链执行结果一致。

function c (x, y) { let map = {   isX: {     isY: () => func(10),     not: () => func(20)   },   not: {     isY: () => func(30),     not: () => func(40)   } } let firstKey = x ? 'isX' : 'not' let lastKey = y ? 'isY' : 'not' return map[firstKey][lastKey]()}复制代码

三种方法性能测试对比

在复杂度较小的计算中，很难看出差异。所以为了看出差距，func()如下：

function func (k) { for (let i = 0; i < 100000000; i++) {   k += i } return k}复制代码

这样对于每个分支的执行性能都一致。方便测试。这里测试计时采用console.time('a'),适用于一些精度较小的计时。

console.time('a')console.log('计算结果：' + a(10, 10))console.timeEnd('a')复制代码

这是执行时间，为了更精确一下，各执行五次取平均值：

由以上数据的平均执行时间相比较，map映射+异步加载与if else的性能消耗大致相同，所以结论也就有了。而我更喜欢编程式代码风格，更青睐map映射+异步加载，如有其它更有的方法欢迎交流~