Różnica między event a this w funkcji

Question

Czy ktoś mógłby mi wytłumaczyć na czym polega różnica między this, a event w funkcji w języku JavaScript? Głównie prosiłbym o wyjaśnienie do czego służy event w funkcji.

Javascript uczę się dopiero od kilku tygodni więc proszę o wyrozumiałość.

Pozdrawiam

Answer 1

To nie JS a DOM. W listenerze this najczęściej (ale nie zawsze!) wskazuje na element, na którym doszło do zdarzenia. event z kolei to obiekt zawierający wszystkie informacje o zdarzeniu, które zaszło (w tym również o elemencie, na którym zaszło – event.target).

Z racji tego, że this wewnątrz listenera może nie działać (bo np. listener to arrow function albo ktoś zastosował listener.bind), powinno się zamiast niego używać event.target.

Answer 2

window.addEventListener('click', (event) => {
   // jakieś tam operacje
})

Event służy po prostu do uzyskania określonych informacji o evencie np . pozycja myszki,kliknięty element itd. Natomiast this to jest temat rzeka w JS, który zależy od wielu różnych czynników (strict mode, miejsce wywołania itd), polecam samemu pogrzebać w internetach na ten temat. Tu masz krótki artykuł o podstawach this.