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

本文转载自公众号“读芯术”(ID：AI_Discovery)

公司主营业务：成都网站制作、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出齐齐哈尔免费做网站回馈大家。

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

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

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

原因何在呢?

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

图源：bevnet

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

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

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

  • 使用switch — case语句
  • 使用多态性处理复杂的条件情况，使代码更像状态模式。
  • 其保证了主要的执行通道，且有着更少的特殊情况。
  • 其迫使编程人员在每个函数开始时写入处理数据所需的所有条件。

示例

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

  • 假设信号灯目前是红色，则在一定延迟后，状态由红转绿。
  • 然后在另一个延迟之后，状态由绿转黄。
  • 短暂延迟后，状态由黄转红。
  • 不断循环

不要使用if-else关键字

 
 
 
 
    
  
  
  
  
  1. constLightState= {
    2. 
  
  
  
  
  2.            GREEN: 0,
    3. 
  
  
  
  
  3.            YELLOW: 1,
    4. 
  
  
  
  
  4.            RED: 2
    5. 
  
  
  
  
  5.          }
    6. 
  
  
  
  
  6.                       varTrafficLight=function () {
    7. 
  
  
  
  
  7.                         var count =0 
    8. 
  
  
  
  
  8.                         // default state = red
    9. 
  
  
  
  
  9.            var currentState =0;
    10. 
  
  
  
  
  10.                        this.change=function(state) {
    11. 
  
  
  
  
  11.              if (count++ >= 10 ) return
    12. 
  
  
  
  
  12.              currentState = state
    13. 
  
  
  
  
  13.              this.go(currentState)
    14. 
  
  
  
  
  14.            }
    15. 
  
  
  
  
  15.            this.go=function(state) {
    16. 
  
  
  
  
  16.              if (currentState ==LightState.GREEN) {
    17. 
  
  
  
  
  17.                console.log("Green -->for 1 minute")
    18. 
  
  
  
  
  18.                this.change(LightState.YELLOW)
    19. 
  
  
  
  
  19.              }
    20. 
  
  
  
  
  20.              elseif (currentState ==LightState.YELLOW) {
    21. 
  
  
  
  
  21.                console.log("Yellow -->for 10 seconds")
    22. 
  
  
  
  
  22.                this.change(LightState.RED)
    23. 
  
  
  
  
  23.              } elseif (currentState ==LightState.RED) {
    24. 
  
  
  
  
  24.                console.log("Red -->for 1 minute");
    25. 
  
  
  
  
  25.                this.change(LightState.GREEN)
    26. 
  
  
  
  
  26.              } else {
    27. 
  
  
  
  
  27.                throwError("Invalid State")
    28. 
  
  
  
  
  28.              }
    29. 
  
  
  
  
  29.            }
    30. 
  
  
  
  
  30.            this.start=function() {
    31. 
  
  
  
  
  31.              this.change(LightState.GREEN)
    32. 
  
  
  
  
  32.            }
    33. 
  
  
  
  
  33.          }
    34.

更简单的方式

来看看不用else该怎么做：

 
 
 
 
    
  
  
  
  
  1. this.go=function (state) {
    2. 
  
  
  
  
  2.             if (currentState ==LightState.GREEN) {
    3. 
  
  
  
  
  3.               console.log("Green -->for 1 minute")
    4. 
  
  
  
  
  4.               this.change(LightState.YELLOW)
    5. 
  
  
  
  
  5.             }
    6. 
  
  
  
  
  6.             if (currentState ==LightState.YELLOW) {
    7. 
  
  
  
  
  7.               console.log("Yellow -->for 10 seconds")
    8. 
  
  
  
  
  8.               this.change(LightState.RED)
    9. 
  
  
  
  
  9.             }
    10. 
  
  
  
  
  10.             if (currentState ==LightState.RED) {
    11. 
  
  
  
  
  11.               console.log("Red -->for 1 minute");
    12. 
  
  
  
  
  12.               this.change(LightState.GREEN)
    13. 
  
  
  
  
  13.             }
    14. 
  
  
  
  
  14.             if (currentState != LightState.GREEN&& currentState != LightState.RED&& currentState != LightState.YELLOW) {
    15. 
  
  
  
  
  15.               throwError("Invalid State")
    16. 
  
  
  
  
  16.             }
    17. 
  
  
  
  
  17.         }
    18.

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

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

 
 
 
 
    
  
  
  
  
  1. this.go=function (state) {
    2. 
  
  
  
  
  2.             if (currentState ==LightState.GREEN) {
    3. 
  
  
  
  
  3.               console.log("Green -->for 1 minute")
    4. 
  
  
  
  
  4.               this.change(LightState.YELLOW)
    5. 
  
  
  
  
  5.             }
    6. 
  
  
  
  
  6.             if (currentState ==LightState.YELLOW) {
    7. 
  
  
  
  
  7.               console.log("Yellow -->for 10 seconds")
    8. 
  
  
  
  
  8.               this.change(LightState.RED)
    9. 
  
  
  
  
  9.             }
    10. 
  
  
  
  
  10.             if (currentState ==LightState.RED) {
    11. 
  
  
  
  
  11.               console.log("Red -->for 1 minute");
    12. 
  
  
  
  
  12.               this.change(LightState.GREEN)
    13. 
  
  
  
  
  13.             }
    14. 
  
  
  
  
  14.             if (currentState != LightState.GREEN&& currentState != LightState.RED&& currentState != LightState.YELLOW) {
    15. 
  
  
  
  
  15.               throwError("Invalid State")
    16. 
  
  
  
  
  16.             }
    17. 
  
  
  
  
  17.         }
    18.

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

图源：unsplash

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

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

  • 对于状态特定的行为，需要有单独的对象。
  • 信号灯中定义的操作将行为委托给当前状态的对象。
  • 状态本身触发状态转换

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

 
 
 
 
    
  
  
  
  
  1. varTrafficLight=function () {
    2. 
  
  
  
  
  2.                              var count =0
    3. 
  
  
  
  
  3.                              // default state =green
    4. 
  
  
  
  
  4.                var currentState =newGreen(this); 
    5. 
  
  
  
  
  5.                              this.change=function (state) {
    6. 
  
  
  
  
  6.                    // limits number of changes
    7. 
  
  
  
  
  7.                    if (count++ >= 10) return;
    8. 
  
  
  
  
  8.                    currentState = state;
    9. 
  
  
  
  
  9.                    currentState.go();
    10. 
  
  
  
  
  10.                }
    11. 
  
  
  
  
  11.                this.start=function () {
    12. 
  
  
  
  
  12.                    currentState.go();
    13. 
  
  
  
  
  13.                }
    14. 
  
  
  
  
  14.            } 
    15. 
  
  
  
  
  15.                           varRed=function (light) {
    16. 
  
  
  
  
  16.                this.light= light
    17. 
  
  
  
  
  17.                              this.go=function () {
    18. 
  
  
  
  
  18.                    console.log(("Red -->for 1 minute"))
    19. 
  
  
  
  
  19.                    light.change(newGreen(light));
    20. 
  
  
  
  
  20.                }
    21. 
  
  
  
  
  21.            } 
    22. 
  
  
  
  
  22.                           varYellow=function (light) {
    23. 
  
  
  
  
  23.                this.light= light;
    24. 
  
  
  
  
  24.             
    25. 
  
  
  
  
  25.                this.go=function () {
    26. 
  
  
  
  
  26.                    console.log("Yellow -->for 10 seconds")
    27. 
  
  
  
  
  27.                    light.change(newRed(light));
    28. 
  
  
  
  
  28.                }
    29. 
  
  
  
  
  29.            };
    30. 
  
  
  
  
  30.                              varGreen=function (light) {
    31. 
  
  
  
  
  31.                this.light= light;
    32. 
  
  
  
  
  32.             
    33. 
  
  
  
  
  33.                this.go=function () {
    34. 
  
  
  
  
  34.                    console.log("Green -->for 1 minute");
    35. 
  
  
  
  
  35.                    light.change(newYellow(light));
    36. 
  
  
  
  
  36.                }
    37. 
  
  
  
  
  37.            };
    38.

输出如下：

 
 
 
 
    
  
  
  
  
  1. Green → for 1 minute
    2. 
  
  
  
  
  2. Yellow → for 10 seconds
    3. 
  
  
  
  
  3. Red → for 1 minute
    4. 
  
  
  
  
  4. Green → for 1 minute
    5. 
  
  
  
  
  5. Yellow → for 10 seconds
    6. 
  
  
  
  
  6. Red → for 1 minute
    7. 
  
  
  
  
  7. Green → for 1 minute
    8. 
  
  
  
  
  8. Yellow → for 10 seconds
    9. 
  
  
  
  
  9. Red → for 1 minute
    10. 
  
  
  
  
  10. Green → for 1 minute
    11. 
  
  
  
  
  11. Yellow → for 10 seconds
    12.

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

文章标题：是时候和else关键字说再见了……
本文网址：http://www.csdahua.cn/qtweb/news35/175835.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

成都快上网为您推荐相关内容

品牌网站制作知识

同城分类信息

鼎尚理发店　　 　成都微商城　　 　成都机柜租用　　 　ssl证书申请　　 　手机微信网站　　 　成都微信开发　　 　卖友情链接　　 　软文营销　　 　免备案空间　　 　公司logo设计　　 　成都枢纽中心　　 　成都艾瑞格　　 　资阳做网站　　 　成都搬家公司　　 　xjjierui.cn　　 　成都移动托管　　 　csruizhi.cn　　 　四川成都网站设计　　 　成都网站推广公司　　 　蓬安网站建设