讲解事件委托？

事件委托是一种常用的优化 JavaScript 代码性能的技术。它是利用事件冒泡的机制，将事件的处理委托给其父元素或祖先元素来处理，从而减少事件处理程序的数量。

具体来说，事件委托的实现方式是在父元素或祖先元素上绑定事件处理程序，当子元素上的事件触发时，该事件会一直冒泡到父元素或祖先元素上，然后由父元素或祖先元素来处理事件。

这样做的好处在于，可以避免为每个子元素都绑定事件处理程序，从而节省内存和提高性能。另外，在动态添加或删除元素时，也不需要重新绑定事件处理程序。

举个例子，如果有一个列表，我们想要为其中的每个列表项添加点击事件，我们可以将事件委托给列表元素，代码如下：

const list = document.getElementById('list');

list.addEventListener('click', function(event) {
  if (event.target.tagName === 'LI') {
    console.log('You clicked on item ' + event.target.innerText);
  }
});

在上面的代码中，我们在列表元素上绑定了一个 `click` 事件处理程序。当用户点击其中的一个列表项时，该事件会冒泡到列表元素上，然后在事件处理程序中判断事件源是否为列表项，如果是，则输出该项的文本内容。这样就可以避免为每个列表项都绑定事件处理程序，提高了代码的性能。