如何将按钮的索引传递给EventHandler？

for (var i = 0; i < buttonCount; i++) {
  var button = document.createElement('button');
  button.innerText = 'Button ' + i;
  button.addEventListener('click', (function(index) {
    return function() {
      // 在这里可以使用按钮的索引
      console.log('Button ' + index + ' clicked');
    };
  })(i));
  document.body.appendChild(button);
}

for (var i = 0; i < buttonCount; i++) {
  var button = document.createElement('button');
  button.innerText = 'Button ' + i;
  button.setAttribute('data-index', i);
  button.addEventListener('click', function() {
    var index = parseInt(this.getAttribute('data-index'));
    // 在这里可以使用按钮的索引
    console.log('Button ' + index + ' clicked');
  });
  document.body.appendChild(button);
}

var buttonContainer = document.getElementById('button-container');
buttonContainer.addEventListener('click', function(event) {
  if (event.target.tagName === 'BUTTON') {
    var buttons = Array.from(buttonContainer.getElementsByTagName('button'));
    var index = buttons.indexOf(event.target);
    // 在这里可以使用按钮的索引
    console.log('Button ' + index + ' clicked');
  }
});