带有箭头功能的Jquery [重复]

Question

如果这是重复的，我深表歉意。我有点困惑这有什么区别

$('.child_panel').on('click', () => {
         console.log(this);
});

还有这个

$('.child_panel').on('click', function() {
             console.log(this);
    });

似乎将上下文绑定到this 只发生在第二种情况而不是第一种情况下。有人可以解释一下在箭头函数的情况下有什么区别以及正确的方法是什么。

谢谢！

Answer 1

来自https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

箭头函数表达式的语法比函数短 表达式并且不绑定它自己的 this、arguments、super 或 新目标。这些函数表达式最适合非方法 函数，它们不能用作构造函数。