Preserve ‘this’ reference in javascript prototype event handler [duplicate]

by

I find bind() being the cleanest solution so far:

this.bar.onclick = this.ClickEvent.bind(this);

BTW the other this is called that by convention very often.

More Related Contents:

  1. Preserving a reference to “this” in JavaScript prototype functions [duplicate]
  2. How adding event handler inside a class with a class-method as the callback?
  3. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  4. Javascript call() & apply() vs bind()?
  5. Constructors in JavaScript objects
  6. Why is JavaScript bind() necessary?
  7. What is “undefined x 1” in JavaScript?
  8. Arrow Functions and This [duplicate]
  9. Clone Object without reference javascript [duplicate]
  10. What does it mean that Javascript is a prototype based language?
  11. The invocation context (this) of the forEach function call
  12. Properties of Javascript function objects
  13. Does using $this instead of $(this) provide a performance enhancement?
  14. jQuery: $().click(fn) vs. $().bind(‘click’,fn);
  15. Are event handlers in JavaScript called in order?
  16. Why are my JavaScript object properties being overwritten by other instances?
  17. Object oriented javascript with prototypes vs closures
  18. Javascript OOP best practices? [closed]
  19. Objects don’t inherit prototyped functions
  20. What does `new` in JavaScript do, anyway? [duplicate]
  21. jQuery: more than one handler for same event
  22. Save access to this scope
  23. clearRect not working
  24. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  25. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  26. Is John Resig’s Javascript inheritance snippet deprecated?
  27. What does “this” mean in a nodejs module?
  28. Does ECMAScript 6 have a convention for abstract classes? [duplicate]
  29. How do I create an abstract base class in JavaScript?
  30. How to register multiple external listeners to the same selection in d3?

Leave a Comment