将参数传递给jQuery单击事件中的回调函数[重复]

Question

直奔业务：

我有一个如下所示的 jquery 事件监听器：

$(".number").click(printNumber);

还有一个回调函数：

function printNumber(number){
   console.log(number);
}

我想知道是否可以将参数传递给回调，使其看起来像这样

$(".number").click(printNumber(number));

（我知道它会立即调用该函数，但仍然有办法将参数传递给它）

提前谢谢你！

Answer 1

处理这个问题的简洁方法是返回一个函数：

function printNumber(number) {
   return function(e) {
       console.log(number);
   };
}

然后使用：

$(".number").click(printNumber(number));

Answer 2

您可以在 jQuery 中直接将数据以 event.data 的形式传递给回调

$(".number").on('click', {number : 4}, printNumber);

function printNumber(event){
   console.log(event.data.number); // 4
}

另一种方法是使用bind

$(".number").click(printNumber.bind($, 4));

function printNumber(number, event){
   console.log(number); // 4
}

但这也会改变回调this 的值