时间戳

首页 > 解决方案 > 如何调用对象当前状态对应的函数？

javascript - 如何调用对象当前状态对应的函数？

问题描述

该对象是对真实设备的一种抽象。如果按下多个按钮，设备会给出一个特定值。组合很多，大概70个左右。这种情况下如何组织代码最好？起初我想使用 switch 结构，但是当我计算组合的数量时，我觉得这不是一个好主意。

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;

    ...

}

标签： javascript

解决方案

将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");

推荐阅读