javascript - 设计程序以避免大的 if-else 块

我有一大堆面具和代码

var codes = [
  foo: { mask: 0x1234, code: 0x0010 },
  bar: { mask: 0x1F00, code: 0x0310 },
  bla: { mask: 0x12F0, code: 0x2010 }
  ...
]

我想执行一些操作...

var doStuff = function(number) {

  if ((number & codes.foo.mask) == codes.foo.code) {
    // do some stuff

  } else if ((number & codes.bar.mask) == codes.bar.code) {
    // do other stuff

  } else if ((number & codes.bla.mask) == codes.bla.code) {
    // do other stuff
  }
  ...

}

你会如何设计你的程序来避免大的 if-else 块？
示例代码使用 javascript，但任何语言的设计模式对我来说都可以。

最佳答案

您可以将 //do some stuff 部分添加到 foo、bar、bla 对象中，然后循环遍历数组，即

var codes = {
   foo: { mask: 0x1234, code: 0x0010, action: function(){/*do foo stuff*/} },
   bar: { mask: 0x1F00, code: 0x0310, action: function(){/*do bar stuff*/} },
   bla: { mask: 0x12F0, code: 0x2010, action: function(){/*do bla stuff*/} }
   ...
}

for (var item in codes){
  if ((number & codes[item].mask) == codes[item].code)
     codes[item].action();
}

如果您不想将数据与代码混合(即如果代码是从服务器获取的)，您还可以为该函数创建一个单独的关联数组

var codes = {
   foo: { mask: 0x1234, code: 0x0010},
   bar: { mask: 0x1F00, code: 0x0310},
   bla: { mask: 0x12F0, code: 0x2010}
   ...
}

var funcs = {
   foo : function {/* do foo stuff */ },
   bar : function {/* do bar stuff */ },
   bla : function {/* do bla stuff */ },
}

for (var item in codes){
  if ((number & codes[item].mask) == codes[item].code)
     funcs[item]();
}

关于javascript - 设计程序以避免大的 if-else 块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19281338/