带箭头功能的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或   new.target。这些函数表达式最适合非方法   函数，它们不能用作构造函数。