使用 for 循环通过 javascript/canvas 将变量添加到实例名称

Question

我可以在 addEventListener 上使用带有实例的 for 循环吗？例如，我使用名为“highlightbtn_1”到“highlightbtn_5”的按钮可以正常工作：

this.highlightbtn_1.addEventListener("click", onClick.bind(this));
this.highlightbtn_2.addEventListener("click", onClick.bind(this));
this.highlightbtn_3.addEventListener("click", onClick.bind(this));
this.highlightbtn_4.addEventListener("click", onClick.bind(this));
this.highlightbtn_5.addEventListener("click", onClick.bind(this));

是否可以在按钮实例中使用 for 循环来循环它们，而不是为每个按钮添加单独的 EventListener？类似这样：

    var i;
    for (i = 1; i < 6; i++) {
      this.highlightbtn_[+i].addEventListener("click", onClick.bind(this));
      //Some onClick function
    }

我确实找到了similar topic answered here，但我无法使用它。在此先感谢您的任何意见！

Answer 1

可以通过两种方式访问​​对象属性：

• obj.propertyName
• obj['propertyName']

第二种使用表达式的方式。

所以，你可以使用this['highlightbtn_'+i]

或者将它们重构为一个数组。

或者给它们添加一些 CSS 类并添加通用事件监听器。