是时候和else关键字说再见了……

全文共 1754 字,预计学习时长 10 分钟

图源:unsplash

没有程序员不知道else关键字,If-else几乎遍布于所有编程语言,这种简单的条件逻辑使所有人都很容易理解。

但优秀程序员的标志是,不使用这个关键字。

笔者在开始编程的时候,最大错误之一是在编写条件句时过度使用else关键字,早五年前笔者就告别else了。

原因何在呢?

想一下else是什么意思,其意为“如果满足A就执行这个,如果不满足A就执行那个”。

图源:bevnet

如果A是二进制,就不存在问题——因为只存在两种情况。

但是如果A是二进制变量的集合,或者包含着更大的变量,出现问题的机会就可能会出乎意料的大,且难以理解、测试和维护。

避免if/else if,只使用if语句,花时间确保if组的输入条件是互斥的,这样答案就不依赖于执行顺序了。

·        使用switch — case语句

·        使用多态性处理复杂的条件情况,使代码更像状态模式。

·        其保证了主要的执行通道,且有着更少的特殊情况。

·        其迫使编程人员在每个函数开始时写入处理数据所需的所有条件。

示例

例子是这样的:一个信号灯(即信号灯对象)有着三种不同的状态,红色、黄色和绿色,每种状态都有着其自己的一系列规则。规则如下:

·        假设信号灯目前是红色,则在一定延迟后,状态由红转绿。

·        然后在另一个延迟之后,状态由绿转黄。

·        短暂延迟后,状态由黄转红。

·        不断循环

图源:developer

不要使用if-else关键字

constLightState= {
           GREEN: 0,
           YELLOW: 1,
           RED: 2
         }
                      varTrafficLight=function () {
                        var count =0 
                        // default state = red
           var currentState =0;
                       this.change=function(state) {
             if (count++ >= 10 ) return
             currentState = state
             this.go(currentState)
           }
           this.go=function(state) {
             if (currentState ==LightState.GREEN) {
               console.log("Green -->for 1 minute")
               this.change(LightState.YELLOW)
             }
             elseif (currentState ==LightState.YELLOW) {
               console.log("Yellow -->for 10 seconds")
               this.change(LightState.RED)
             } elseif (currentState ==LightState.RED) {
               console.log("Red -->for 1 minute");
               this.change(LightState.GREEN)
             } else {
               throwError("Invalid State")
             }
           }
           this.start=function() {
             this.change(LightState.GREEN)
           }
         }

更简单的方式

来看看不用else该怎么做:

this.go=function (state) {
            if (currentState ==LightState.GREEN) {
              console.log("Green -->for 1 minute")
              this.change(LightState.YELLOW)
            }
            if (currentState ==LightState.YELLOW) {
              console.log("Yellow -->for 10 seconds")
              this.change(LightState.RED)
            }
            if (currentState ==LightState.RED) {
              console.log("Red -->for 1 minute");
              this.change(LightState.GREEN)
            }
            if (currentState != LightState.GREEN&& currentState != LightState.RED&& currentState != LightState.YELLOW) {
              throwError("Invalid State")
            }
        }

或者可以用一个switch代替,不得不合并不同的场景时,它看起来干净得多,而if-else很快就会失控。

若干场景良好的情况下,switch 语句可能会比if-else语句更快。

this.go=function (state) {
            switch (state) {
              caseLightState.GREEN:
                console.log("Green -->for 1 minute")
                this.change(LightState.YELLOW)
                break
              caseLightState.YELLOW:
                console.log("Yellow -->for 10 seconds")
                this.change(LightState.RED)
                break
              caseLightState.RED:
                console.log("Red --> for1 minute");
                this.change(LightState.GREEN)
                break
              default:
                throwError("Invalid State")
            }
          }

可以使用状态模式删除这些代码中的所有if-else关键字

图源:unsplash

在这里,引入了许多if-else block/switch语句来保护各种条件,这个状态模式适合这样的场景。它允许对象根据当前的状态有不同的行为,并且用户可以定义状态特定的行为。

在这种模式下,开始考虑信号灯的可能状态,然后相应地隔离代码。

·        对于状态特定的行为,需要有单独的对象。

·        信号灯中定义的操作将行为委托给当前状态的对象。

·        状态本身触发状态转换

信号灯:Green(1 minute) → Yellow (10 seconds)→ Red (1 minute)

varTrafficLight=function () {
                             var count =0
                             // default state =green
               var currentState =newGreen(this); 
                             this.change=function (state) {
                   // limits number of changes
                   if (count++ >= 10) return;
                   currentState = state;
                   currentState.go();
               }
               this.start=function () {
                   currentState.go();
               }
           } 
                          varRed=function (light) {
               this.light= light
                             this.go=function () {
                   console.log(("Red -->for 1 minute"))
                   light.change(newGreen(light));
               }
           } 
                          varYellow=function (light) {
               this.light= light;
            
               this.go=function () {
                   console.log("Yellow -->for 10 seconds")
                   light.change(newRed(light));
               }
           };
                             varGreen=function (light) {
               this.light= light;
            
               this.go=function () {
                   console.log("Green -->for 1 minute");
                   light.change(newYellow(light));
               }
           };

输出如下:

Green → for 1 minute
Yellow → for 10 seconds
Red → for 1 minute
Green → for 1 minute
Yellow → for 10 seconds
Red → for 1 minute
Green → for 1 minute
Yellow → for 10 seconds
Red → for 1 minute
Green → for 1 minute
Yellow → for 10 seconds

好代码与糟糕代码的区别在哪,你get到了吗?

推荐阅读专题

留言点赞发个朋友圈

我们一起分享AI学习与发展的干货

编译组:王俊博、候霜宁

相关链接:

https://medium.com/javascript-in-plain-english/stop-using-the-else-keyword-in-your-code-907e82b3054a

如转载,请后台留言,遵守转载规范

推荐文章阅读

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章