JavaScript一个EventListener统治所有人与多个听众（最佳实践）

Question

您好，我一直在互联网上寻找，试图找出向我的网站添加事件监听器的最佳实践，通常有以下两种方法：

使用循环向每个元素（例如按钮）添加事件监听器：

document.querySelectorAll('.some-button').forEach(item => {
    item.addEventListener('click', event => {
        //handle click
    })
})

或使用事件冒泡仅使用一个侦听器并检查每个场景的 e.target：

body.addEventListener('click', event => {
    if (event.target !== element1 && event.target !== element2) {
        //return
    }
    //handle click
}

但是，我无法找到任何比较这两种方法性能的文章。根据我有限的理解，每当有“点击”时，javascript都会循环遍历所有事件侦听器（即使您没有点击它），因此我采用第二种方法（使用一个事件侦听器），这似乎是成为更容易管理的人。

如果有人可以对第二种方法的潜在缺点以及是否会出现任何性能问题提供进一步的见解，谢谢。