Question

此对象是对真实设备的一种抽象。如果按了几个按钮，设备将给出一个确定的值。有很多组合，大约70种。在这种情况下，如何最好地组织代码？起初我想使用开关结构，但是当我计算组合的数量时，在我看来这是个坏主意。

const device = {
    mode: false,
    zero: false,
    minus10: false,
    minus20: false,
    minus30: false,
    minus40: false,
    speed: false
};

switch(device.zero.toString() + device.minus10 + device.minus20 + device.minus30 + device.minus40 + device.mode) {
      case "falsefalsefalsefalsefalsefalse": 
        indicator.animate({path:"M 265 665 L 160 566"}, 1000, "easeInOut");
        break;
      case "truefalsefalsefalsefalsefalse":
        indicator.animate({path:"M 265 665 L 160 566"}, 1000, "easeInOut");
        break;
      case "falsetruefalsefalsefalsefalse":
        indicator.animate({path:"M 265 665 L 161 564"}, 1000, "easeInOut");
        break;
      case "falsefalsetruefalsefalsefalse":
        indicator.animate({path:"M 265 665 L 162 563"}, 1000, "easeInOut");
        break;
      case "falsefalsefalsetruefalsefalse":
        indicator.animate({path:"M 265 665 L 163 562"}, 1000, "easeInOut");
        break;
      case "falsefalsefalsefalsetruefalse":
        indicator.animate({path:"M 265 665 L 164 561"}, 1000, "easeInOut");
        break;

    ...

}

Answer 1

将true/false的值视为1/0，并将它们用作多维数组的索引：

const paths =  
[[[[[[["M 265 665 L 160 566", "M 265 665 L 160 566"],
      ["M 265 665 L 161 564", "M 265 665 L 162 563"]]
     [["M 265 665 L 163 562", "M 265 665 L 164 561"],
...;

var cur_path = paths[Number(device.zero)][Number(device.minus10)][Number(device.minus20)]...;
indicator.animate({path: cur_path}, 1000, "easeInOut");

Answer 2

这是按位运算符的常见用例。您为每个布尔属性分配一个数字位，然后使用按位OR运算符将对象转换为一个数字，您可以在诸如开关之类的控制结构中对其进行测试。

const device = {
    mode: false,
    zero: false,
    minus10: false,
    minus20: false,
    minus30: false,
    minus40: false,
    speed: false
};

let result =
  (0b0000000 |
      device.mode * 2**7 |
      device.zero * 2**6 |
      device.minus10 * 2**5 |
      device.minus20 * 2**4 | 
      device.minus30 * 2**3 |
      device.minus40 * 2**2 |
      device.speed * 2**1 
);

例如，如果仅device.mode为true，则得到2 ^ 7（在javascript 2 ** 7中）的结果为128。

如何调用与对象当前状态相对应的函数？

2 个答案: