通过循环添加事件侦听器与添加到文档并检查事件目标是否匹配元素

Question

使用其中一种方法相对于其他方法有什么好处吗？

方法1：

遍历每个元素并添加事件侦听器

width:18%;

方法2：将事件侦听器添加到文档中，并检查事件目标是否与元素匹配

const classes = document.getElementsByClassName("class");

for (let i = 0; i < classes.length; i++) {
  classes[i].addEventListener("click", function (event) {
    console.log(classes[i]);
  });
}