How does __proto__ differ from constructor.prototype?

by

I’ve been trying to wrap my head around this recently and finally came up with this “map” that I think sheds full light over the matter

http://i.stack.imgur.com/KFzI3.png
enter image description here

I know I’m not the first one making this up but it was more interesting figuring it out that finding it :-). Anyway, after that I found e.g. this another diagram that I think says basicly the same:

Javascript object layout

The most surprising thing for me was discovering that Object.__proto__ points to Function.prototype, instead of Object.prototype, but I’m sure there’s a good reason for that 🙂

I paste the code mentioned in the image here as well for if anyone wants to test it. Note that some properties are added to the objects for making easy to know where we are after some jumps:

Object.O1='';
Object.prototype.Op1='';

Function.F1 = '';
Function.prototype.Fp1 = '';

Cat = function(){};
Cat.C1 = '';
Cat.prototype.Cp1 = '';

mycat = new Cat();
o = {};

// EDITED: using console.dir now instead of console.log
console.dir(mycat);
console.dir(o);

More Related Contents:

  1. Benefits of prototypal inheritance over classical?
  2. prototype based vs. class based inheritance
  3. Understanding prototypal inheritance in JavaScript
  4. What does it mean that Javascript is a prototype based language?
  5. Javascript inheritance: call super-constructor or use prototype chain?
  6. Prototypical inheritance – writing up [duplicate]
  7. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  8. JavaScript inheritance and the constructor property
  9. Why is it necessary to set the prototype constructor?
  10. Why wouldn’t I use Child.prototype = Parent.Prototype rather than Child.prototype = new Parent(); for Javascript inheritance?
  11. Preserving a reference to “this” in JavaScript prototype functions [duplicate]
  12. What’s the purpose of prototype? [duplicate]
  13. Better way to sum a property value in an array
  14. JavaScript: Class.method vs. Class.prototype.method
  15. How to extend a class without having to use super in ES6?
  16. classical inheritance vs prototypal inheritance in javascript
  17. JavaScript inheritance: Object.create vs new
  18. How to implement inheritance in JS Revealing prototype pattern?
  19. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  20. Can I construct a JavaScript object without using the new keyword?
  21. Javascript Class Inheritance For Functions
  22. Pseudo-classical inheritance with privacy?
  23. JavaScript instance functions versus prototype functions [duplicate]
  24. __proto__, when will it be gone? Alternatives?
  25. Define Private field Members and Inheritance in JAVASCRIPT module pattern
  26. How to check if a Javascript Class inherits another (without creating an obj)?
  27. Performing inheritance in JavaScript
  28. Typescript: can not access member value in inherited class constructor
  29. Advantages of setting the “constructor” Property in the “prototype”
  30. prototypal inheritance concept in javascript as a prototype based language

Leave a Comment