带箭头功能的Jquery

问题描述：

如果这是重复的，我表示歉意。我是一个有点困惑，不同的是这个带箭头功能的Jquery

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

什么，这个

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

要它似乎是结合上下文this的只是发生在第二种情况下，不首先。有人能解释一下有什么区别，以及在箭头功能的情况下做什么的正确方法。

谢谢！

答

箭头函数表达式具有比功能表达较短的语法和不结合其自身的此，自变量，超级或 new.target。这些函数表达式最适合非方法函数，并且它们不能用作构造函数。