How arrow functions works with this

arrow.js

function Animal() {
  // this points to animal
  document.addEventListener('click', (e) => { 
    // Unlike regular functions arrow functions takes this from the 
    // outer context so it points to animal as well.
    console.log(this)
  });
}

let animal = new Animal();

// In fact you can't change