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

标签 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;

    ...

}

最佳答案

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

关于javascript - 如何调用对象当前状态对应的函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56263017/

相关文章:

javascript - 几个元素的 jQuery .after 函数

javascript - 多个元素的jQuery UI类切换

javascript - DOM 中的 node.isSameNode(node1) 和 node === node1 有什么区别?

javascript - sequelize 缓存常见请求

javascript - 忽略 git 预提交期间的 eslint 错误

javascript - 如何使用 Nginx 服务器配置 Web 套接字?

javascript - ng-model 似乎仅以一种方式绑定(bind)在模态视图内的 ion-radio 按钮上

javascript - 自定义 AJAX dataType 类型

javascript - 这段 JavaScript 代码不应该工作吗?

javascript - 任务管理器显示内存泄漏,但堆快照没有