帶箭頭功能的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

箭頭函數表達式具有比功能 表達較短的語法和不結合其自身的此，自變量，超級或 new.target。這些函數表達式最適合非方法 函數，並且它們不能用作構造函數。