简单的ifelse是大家应用比较多的判断方式,在情况更多样的场景下,if else就显得不够简洁了,但是也有很多人会认为if else更能看清作者意图,这种完全主观的原因没有什么讨论的意义,那么我们就来讨论一下,在有可枚举的变量情况下做判断,哪一种方式性能更好。
本次的判断性能对比有三个参赛者:ifelse判断,switch判断,还有一个是同事推荐的使用对象进行判断的方案,通过执行对象的对应方法来进行判断,比较方式也使用js自带的的时间计算。
我们使枚举值有5个状态,对10000个数进行判断,只做判断不做任何其他事,10000对5求余使枚举值处于0-4之间,代码如下
function iffunc(num){
if (num === 0){
} else if (num === 2){
}else if (num === 3){
} else if (num === 4) {
} else if (num === 1) {
}
}
function switchfunc(num) {
switch(num){
case 0:
break
case 1:
break
case 2:
break
case 3:
break
case 4:
break
}
}
function objectFunc(num) {
const obj = {}
obj[0] = function(){
}
obj[1] = function(){
}
obj[2] = function(){
}
obj[3] = function(){
}
obj[4] = function(){
}
obj[num]()
}
console.time('if')
for (let i = 0; i < 10000;i ++) {
const num = i % 5
iffunc(num)
}
console.timeEnd('if')
console.time('switch')
for (let i = 0; i < 10000 ;i ++) {
const num = i % 5
switchfunc(num)
}
console.timeEnd('switch')
console.time('obj')
for (let i = 0; i < 10000 ;i ++) {
const num = i % 5
objectFunc(num)
}
console.timeEnd('obj')
在相同情况下做10000次枚举值判断的时间消耗如下:
if: 2.133ms
switch: 0.685ms
obj: 10.553ms
结论:可以看到switch的性能最好,ifelse消耗的时间是switch的三倍多一点,而对象判断方式则是ifelse判断方式的5倍时间,对象判断方式的主要时间消耗在于对象的创建,在把对象创建和方法添加放在方法外后,性能有了极大的改善
if: 1.893ms
switch: 0.620ms
obj: 0.763ms
可以看到这样优化以后,对象判断方式的执行时间就与swicth非常接近了,但是这个用来进行判断的对象仅仅在调用判断方法时才会使用,没有必要把它的作用于扩大,所以是不是应该使用对象来进行枚举值判断还要看具体的使用场景。
综上,个人认为在涉及枚举值判断的情况下,都应该用swicth来进行判断,而不是ifelse,而在对情况不可枚举的情况下还是用ifelse更好一些,因为更方便读者理解你的意图,至于对象判断方式,由于和swich性能差距不大,就完全可以根据你的喜好来进行使用