Defining a Javascript prototype

by

Am I correct in assuming that Option 2 results in trashing certain functions that are implicitly bound to the prototype?

Yes, exactly. Though the only implicitly bound property is the constructor property, which you seldom do need.

What are the functional differences?

Option 1 is just extending the existing prototype. If there are already Person instances inheriting from the prototype object, they will be able to use the sayName method as well. With option 2, the new prototype will only be used for objects that are instantiated after the overwriting.

Are there any benefits for choosing one over the other?

These should be self-explaining now. Option 1 (extending) is considered cleaner, and is a must if you’re modifying foreign/unknown/native prototypes. Try to avoid option 2.

If you still like the object literal syntax better, you should consider using Object.assign to extend the existing prototype:

Object.assign(Person.prototype, {
   sayName: function(name) {
      alert(name);
   }
});

You may need to polyfill Object.assign for pre-ES6 environments. Alternatively, $.extend or _.extend work just as well. Surely also your favourite library comes with a helper function for this.

More Related Contents:

  1. Advantages of using prototype, vs defining methods straight in the constructor? [duplicate]
  2. Javascript object members that are prototyped as arrays become shared by all class instances
  3. Properties of Javascript function objects
  4. Objects don’t inherit prototyped functions
  5. Why is it impossible to change constructor function from prototype?
  6. What does the new keyword do under the hood?
  7. How to get a JavaScript object’s class?
  8. JavaScript: What dangers are in extending Array.prototype?
  9. Parse JSON String into a Particular Object Prototype in JavaScript
  10. Multiple inheritance/prototypes in JavaScript
  11. Anonymous class instance —- is it a bad idea?
  12. Class vs. static method in JavaScript
  13. Why is mutating the [[prototype]] of an object bad for performance?
  14. Adding custom properties to a function
  15. Difference of the value, prototype and property
  16. Access parent’s parent from javascript object
  17. Is JavaScript object-oriented?
  18. Calling method using JavaScript prototype
  19. How to call a parent method from child class in javascript?
  20. How to dynamically set a function/object name in Javascript as it is displayed in Chrome
  21. Create a reset of javascript Array prototype when Array.prototype has been modified?
  22. Understanding Crockford’s Object.create shim
  23. ES6 – Call static method within a class
  24. Preserve ‘this’ reference in javascript prototype event handler [duplicate]
  25. Duck Typing in Javascript
  26. JavaScript Event prototype in IE8
  27. ‘this’ is undefined in JavaScript class methods
  28. How to access a method from a class from another class?
  29. prototypal inheritance concept in javascript as a prototype based language
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment