this.constructor.prototype — can’t wholly overwrite, but can write individual props?

by

Why can’t I overwrite a constructor’s prototype from within the constructor?

You can, but it’s too late. The new instance has already been generated, inheriting from the old prototype. Maybe read how new works.

I don’t like how prototypes are usually defined externally from a constructor.

That’s just the way it is. You really should not setup the prototype from within the constructor – it would be executed everytime a new instance is created. That’s specifically what prototypes are not supposed to be. See also Assigning prototype methods *inside* the constructor function – why not?

and want to logically encapsulate things better.

You might want to have a look at the various (revealing) module patterns. Or maybe even at some Class framework.

I’m currently looking for more concrete reasons that I should not go forth with the pattern I’ve been presenting.

It does not work in Internet Explorer. It would not work in any ES5-compliant environment that does not support the __proto__ property. You should never use it set a prototype on an existing object. Instead, use Object.create (or its shim) for Correct javascript inheritance – which requires that you overwrite the prototype outside of the constructor.

My suggestion is to call your extend helper outside the constructor on it, which still has a nice syntax.

More Related Contents:

  1. Passing variable to function in javascript and jQuery
  2. Auto Uploading file
  3. What does this shorthand mean in JavaScript? [duplicate]
  4. Why does JavaScript handle the plus and minus operators between strings and numbers differently?
  5. How To Save Canvas As An Image With canvas.toDataURL()?
  6. Declaring javascript object method in constructor function vs. in prototype [duplicate]
  7. event.preventDefault() vs. return false (no jQuery)
  8. Create an array with random values
  9. What is the !! (not not) operator in JavaScript?
  10. JSON left out Infinity and NaN; JSON status in ECMAScript?
  11. Import JSON file in React
  12. How do I find the absolute position of an element using jQuery?
  13. Difference between onload() and $.ready?
  14. Compress images on client side before uploading [closed]
  15. Custom alert using Javascript
  16. How can I log an HTML element as a JavaScript object?
  17. How to inherit from the DOM element class
  18. Add names of the states to a map in d3.js
  19. Using for await…of with synchronous iterables
  20. Compare two date formats in javascript/jquery
  21. D3 Non-Continuous Dates Domain Gives Gaps on X-Axis
  22. Jquery delay execution of script
  23. Plain Javascript as Angular 2 service
  24. How do I set path while saving a cookie value in JavaScript?
  25. Datatables TypeError: c is undefined
  26. Using the parseInt() function and the radix parameter with ternary operators
  27. Toggle divs without using Javascript
  28. how ( stop,exit ) video in webrtc navigator user media JavaScript
  29. Published extension doesn’t work with chrome API listeners inside onInstalled
  30. How to dynamically import SVG and render it inline

Leave a Comment