Why functions prototype is chained repeatedly?

by

The prototype property of a function holds the object from which all instances of that function will inherit when created with the new operator. And all these prototype objects (usually) have a constructor property which points back to the function – there you have the circular reference. So, as a new test() inherits that property, (new test).constructor === test evaluates to true.

You will need to distinguish between the prototype property of a function object and the prototype object from which an object inherits – often referenced as “the internal [[prototype]] property”.

A constructor is a function, not to say a Function, and has both. Therefore it inherits from the Function.prototype object – where the constructor property says that all functions are constructed by the Function constructor. If your developers console would show the prototype of Function objects, you could see them. I think there is an option in the settings.

So, the famous “prototype chain” is not about the constructor and/or prototype properties, but about the prototype object from which that object inherits from:

 function test() {}              new test()
   (a Function)              (a test instance)
        ||                           ||
        ||                           ||
        \/                           \/
 Function.prototype            test.prototype
(a Function, by spec)           (an Object)
        ||                           ||
        ||                           ||
        \/                           \/
 Object.prototype             Object.prototype
        ||                           ||
        ||                           ||
        \/                           \/
       null                         null

More Related Contents:

  1. javascript “if” statement returning false value when both values are equal
  2. How does the “this” keyword work?
  3. Dynamically access object property using variable
  4. I keep getting “Uncaught SyntaxError: Unexpected token o”
  5. How can I match a whole word in JavaScript?
  6. Building a promise chain recursively in javascript – memory considerations
  7. Enter data into a custom-handled input field
  8. How can I convert a comma-separated string to an array?
  9. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  10. HTML input type=file, get the image before submitting the form
  11. Refused to execute inline event handler because it violates CSP. (SANDBOX)
  12. How do I upload a base64 encoded image (string) directly to a Google Cloud Storage bucket using Node.js?
  13. How to clear/remove observable bindings in Knockout.js?
  14. check if function is a generator
  15. Restoring console.log()
  16. chrome.storage.local.get and set [duplicate]
  17. XMLHttpRequest to Post HTML Form
  18. Onresize for div elements?
  19. Chrome re-ordering object keys if numerics, is that normal/expected
  20. Capture key press without placing an input element on the page?
  21. JavaScript adding decimal numbers issue [duplicate]
  22. How to check if element exists using Cypress.io
  23. How can I inspect disappearing element in a browser?
  24. How to get child element by class name?
  25. Get selected text and selected nodes on a page?
  26. How can I loop an animation continuously in jQuery?
  27. javascript: execute a bunch of asynchronous method with one callback
  28. Convert Jquery slidetoggle code to Javascript
  29. How to secure the JavaScript API Access Token?
  30. Space after function name is wrong?

Leave a Comment