为什么 JQuery $(this) 在箭头函数中不起作用 [重复]

Question

我正在尝试使用 $(this) 以便能够在箭头中使用 jQuery 对象，但它不起作用

$('.btnReserve').click(function(){
        var element_div = $(this).closest('div');
        console.log(element_div.attr('id');
    });

效果很好

但是……

$('.btnReserve').click(() => {
        var element_div = $(this).closest('div');
        console.log(element_div.attr('id');
    });

$(this) 不起作用

为了得到想要的结果，我使用了下面的方法

$('.btnReserve').click((event) => {
        var element_div = $(event.target).closest('div');
        console.log(element_div.attr('id');
    });

Answer 1

带有箭头的函数this指的是直接在你创建的函数作用域之外的作用域。

对于常规函数，this 指的是全局范围或绑定范围（在您的情况下为 jquery 对象）

() => {} 和(function () {}).bind(this) 是一样的

尝试使用传递给你的函数的事件

$('.btnReserve').click((event) => {
    const element_id = event.target.id;
    console.log(element_id );
});