我希望每次都将不同的变量传递给循环中动态创建的按钮

// 创建包含不同变量的数组
var variables = [1, 2, 3, 4, 5];

// 循环创建按钮
for (var i = 0; i < variables.length; i++) {
  // 创建按钮元素
  var button = document.createElement("button");
  
  // 设置按钮文本
  button.innerText = "按钮" + (i + 1);
  
  // 为按钮添加点击事件处理函数
  button.addEventListener("click", function(variable) {
    return function() {
      // 在事件处理函数中获取传递的变量并进行操作
      console.log("点击了按钮" + (i + 1) + "，传递的变量为：" + variable);
    };
  }(variables[i])); // 通过立即执行函数传递变量
  document.body.appendChild(button);
}