js的枚举类型判断方式性能比较
2019-04-22 本文已影响0人
Cc极生
简单的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性能差距不大，就完全可以根据你的喜好来进行使用
