this Keyword in Different Contexts

const handler = {
  id: '123',
  handle(event) {
    console.log(this.id, event);
  }
};

document.addEventListener('click', handler.handle);

Use only arrow functions
Remove this references
Use bind, arrow function, or wrapper
Preserving 'this' in event handlers: 1) Use bind() to fix the context, 2) Convert to arrow function property, 3) Use wrapper function to capture context, 4) Choose method based on requirements, 5) Consider performance implications, 6) Common pattern in DOM event handling.
Use apply in the event