What’s the JavaScript’s Object.prototype behavior?

by

Explanation

So first, your two lines of code create a function, obj, and assign to it’s prototype {x: 5}.

When you create an instance of this object, it seems to have an internal reference to the prototype that existed when it was new‘d.

After this, you reassign the prototype to {y: 6} which does not affect the instance1 internal reference to the first prototype.

Then when you create instance2 it has an internal reference to the 2nd prototype and therefore, logging them will produce 5, undefined, undefined, 6.

#4

You could, rather than reassign the prototype to a new object:

obj.prototype = {y: 6};

Modify the prototype instead:

delete obj.prototype.x; // Setting to undefined should produce same behaviour
obj.prototype.y = 6;

This will produce the output: undefined, 6, undefined, 6

I have tested this with http://jsfiddle.net/9j3260gp/ on Chrome and Firefox latest versions on Windows.

More Related Contents:

  1. __proto__ VS. prototype in JavaScript
  2. How to iterate over a JavaScript object?
  3. Why can I add named properties to an array as if it were an object?
  4. Parse JSON String into a Particular Object Prototype in JavaScript
  5. How to map more than one property from an array of objects
  6. Extending an Object in Javascript
  7. How to copy JavaScript object to new variable NOT by reference? [duplicate]
  8. How to sum the values of a JavaScript object?
  9. Create an empty object in JavaScript with {} or new Object()?
  10. Create a reset of javascript Array prototype when Array.prototype has been modified?
  11. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  12. JavaScript, elegant way to check nested object properties for null/undefined [duplicate]
  13. Encoding Javascript Object to Json string
  14. Using JavaScript what’s the quickest way to recursively remove properties and values from an object?
  15. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  16. What does the new keyword do under the hood?
  17. JS associative object with duplicate names
  18. How to get all keys with values from nested objects
  19. How to get all the values associated with an object in array?
  20. Creating object with dynamic keys [duplicate]
  21. Defining a Javascript prototype
  22. How to add an object to an array
  23. Remove property for all objects in array
  24. JavaScript: instanceof operator
  25. Which way is best for creating an object in JavaScript? Is `var` necessary before an object property?
  26. Set undefined javascript property before read
  27. Convert string with dot notation to JSON
  28. JavaScript: What are .extend and .prototype used for?
  29. JS defineProperty and prototype
  30. Dynamically Add Variable Name Value Pairs to JSON Object

Leave a Comment