如何将.on()事件中的变量传递给回调函数？

var variable = "Hello";

$(".element").on("click", function() {
  var data = variable;
  // 在回调函数中使用data变量
  console.log(data);
});

var variable = "Hello";

$(".element").data("variable", variable);

$(".element").on("click", function() {
  var data = $(this).data("variable");
  // 在回调函数中使用data变量
  console.log(data);
});

var variable = "Hello";

function callback(data) {
  // 在回调函数中使用data变量
  console.log(data);
}

$(".element").on("click", callback.bind(null, variable));