JavaScript prototype ‘this’ issue

by

Your prototype is okay, the problem is that this on event handlers is always the element that caused the event to be triggered. In JavaScript, the value of this inside a function depends on how the function is called.

If you want this to be bound to a certain value, you can create a bound function with Function.prototype.bind:

var newChangeName = this.changeName.bind(this);
Link.onclick = newChangeName;

Note however that bind is IE9+ only. A workaround would be:

var that = this;
Link.onclick = function() {
    that.changeName();
};

(Style note: I’d use link instead of Link; the convention in js is to leave uppercase initials to constructors).

More Related Contents:

  1. How to do the same in JavaScript? [closed]
  2. how to get difference date using javascript more specific
  3. How can I stop the browser back button using JavaScript?
  4. What is the difference between angular-route and angular-ui-router?
  5. JavaScript – Get Portion of URL Path
  6. setTimeout ignores timeout? (Fires immediately) [duplicate]
  7. Can I reference other properties during object declaration in JavaScript? [duplicate]
  8. Twitter Bootstrap alert message close and open again
  9. How to convert dataURL to file object in javascript?
  10. Mongoose difference between .save() and using update()
  11. Triple equal signs return false for arrays in javascript. why?
  12. FormData.append(“key”, “value”) is not working
  13. Count down timer with circular progress bar
  14. pass function in json and execute
  15. How to get webcontent that is loaded by JavaScript using cURL?
  16. JavaScript Loading Screen while page loads
  17. Can I prevent an alert() with a Google Chrome Extension
  18. regular expression for finding decimal/float numbers?
  19. Click a button programmatically – JS
  20. Why is JSON.stringify not serializing prototype values?
  21. recursive function vs setInterval vs setTimeout javascript
  22. What’s the difference between String(value) vs value.toString()
  23. canvas getContext(“2d”) returns null
  24. Javascript in html write to file
  25. How to add jQuery in JS file
  26. Custom Validator on reactive form for password and confirm password matching getting undefined parameters into Angular 4
  27. change image opacity using javascript
  28. What’s the most concise cross-browser way to access an element’s window and document?
  29. Dynamically changing navigation links (next and previous) in WordPress via AJAX
  30. Display Spreadsheet Data to HTML Table

Leave a Comment