Defining methods via prototype vs using this in the constructor – really a performance difference?

by

See http://jsperf.com/prototype-vs-this

Declaring your methods via the prototype is faster, but whether or not this is relevant is debatable.

If you have a performance bottleneck in your app it is unlikely to be this, unless you happen to be instantiating 10000+ objects on every step of some arbitrary animation, for example.

If performance is a serious concern, and you’d like to micro-optimise, then I would suggest declaring via prototype. Otherwise, just use the pattern that makes most sense to you.

I’ll add that, in JavaScript, there is a convention of prefixing properties that are intended to be seen as private with an underscore (e.g. _process()). Most developers will understand and avoid these properties, unless they’re willing to forgo the social contract, but in that case you might as well not cater to them. What I mean to say is that: you probably don’t really need true private variables…

More Related Contents:

  1. Why is mutating the [[prototype]] of an object bad for performance?
  2. Javascript when to use prototypes
  3. How to efficiently count the number of keys/properties of an object in JavaScript
  4. How do you performance test JavaScript code?
  5. Understanding the difference between Object.create() and new SomeFunction()
  6. What is the difference between parseInt() and Number()?
  7. What’s the fastest way to loop through an array in JavaScript?
  8. Most efficient way to concatenate strings in JavaScript?
  9. Prototyping Object in Javascript breaks jQuery?
  10. What is the `constructor` property really used for? [duplicate]
  11. What is the most efficient way to reverse an array in Javascript?
  12. Properties of Javascript function objects
  13. Microsoft CDN for jQuery or Google CDN? [closed]
  14. Performance differences between visibility:hidden and display:none
  15. How can I extend Array.prototype.push()?
  16. What is the significance of the double brackets for the [[prototype]] property in JavaScript?
  17. Prepend text to beginning of string
  18. Firestore slow performance issue on getting data
  19. Traits in javascript [closed]
  20. Objects don’t inherit prototyped functions
  21. Javascript Set vs. Array performance
  22. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  23. Why is JSON.stringify not serializing prototype values?
  24. recursive function vs setInterval vs setTimeout javascript
  25. HTML5 Canvas Performance and Optimization Tips, Tricks and Coding Best Practices [closed]
  26. Why is it impossible to change constructor function from prototype?
  27. How do I use Browserify with external dependencies?
  28. draw 10,000 objects on canvas javascript
  29. What’s the JavaScript’s Object.prototype behavior?
  30. Javascript Number Prototype Set Value Directly [duplicate]

Leave a Comment