是时候和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
如转载，请后台留言，遵守转载规范
推荐文章阅读
About The Author
maynard
懒散，不想无聊