javascript - 有没有办法通过选择将 "suffix"附加到 javascript 函数？

Question

我不知道这到底叫什么，也不知道它是否可能。但基本上我想向“不完整”的方法添加内容。例如。

captureDog =()=>{
  alert('caught dog');
}

captureCat =()=>{
  alert('caught cat');
}

<select id="pet">
   <option value="Cat">cat</option>
   <option value="Dog">dog</option>
</select>

本质上我有一大堆捕获方法(我要么自己硬编码编写它们，要么创建另一个创建它们的方法)。我本质上想根据选择上的值来调用不同的方法(表现为方法的后缀)。我有一些虚拟代码正在尝试执行下面我所说的操作。

var selectField = document.getElementById("pet");
selectField.addEventListener("onchange", "capture"+ selectField.value ="()");

我希望只使用简单的 javascript 来完成此操作。

编辑:语法EDIT2:固定箭头功能

Answer 1

我认为是这样的:

var selectField = document.getElementById("pet");

let X = {
    cat: function(){
    console.log("cat 123")
  },
    dog: function(){
    console.log("dog 123")
  }
}

selectField.addEventListener("change", x => {
let val = x.target.options[x.target.selectedIndex].value

X[val]();

});

fiddle :https://jsfiddle.net/5rnke6zy/10/