JavaScript difference between function and new function

by 
PersonX = function(){};

Places a reference to an anonymous function into PersonX. PersonX points to a function.

PersonY = new function(){};

Places a reference to a newly constructed instance of an anonymous constructor function into PersonY. PersonY points to an object.

Regarding the prototype, PersonY has one. However, since there were no properties and methods attached to the constructor before nor after instantiation, it has a blank prototype*.

You can actually check PersonY‘s prototype by doing console.log(PersonY). You will see that it has a prototype property (I see it as __proto__ in Chrome) which is “blank”. But it has 2 hidden properties, constructor which is the constructor function that made the object, and another __proto__ which leads you to the next “chain link” which would be the Object object.

*Not really blank since prototype is a chain. This prototype level may be blank, but the next higher prototype may have, or in this case, does have properties and methods.

Object prototype -> Constructor prototype -> Your Instance will have:
- toString()        - blank                  - toString()
- hasOwnProperty()                           - hasOwnProperty()
- and more...                                - and more...
                                             - ...but nothing from Constructor

More Related Contents:

  1. What is the ‘new’ keyword in JavaScript?
  2. Can we omit parentheses when creating an object using the “new” operator?
  3. What values can a constructor return to avoid returning this?
  4. How does the new operator work in JavaScript?
  5. Using “Object.create” instead of “new”
  6. Add onclick event to newly added element in JavaScript
  7. Create an empty object in JavaScript with {} or new Object()?
  8. What does the new keyword do under the hood?
  9. JavaScript: using constructor without operator ‘new’
  10. Creating object with dynamic keys [duplicate]
  11. Surprised that global variable has undefined value in JavaScript
  12. Are “(function ( ) { } ) ( )” and “(function ( ) { } ( ) )” functionally equal in JavaScript? [duplicate]
  13. Chrome extension – retrieving global variable from webpage
  14. javascript: pause setTimeout();
  15. JSFiddle code not working in my own page
  16. How do I escape a single quote ( ‘ ) in JavaScript? [duplicate]
  17. Leaderboard ranking with Firebase
  18. SyntaxError: Unexpected token function – Async Await Nodejs
  19. How to ignore user’s time zone and force Date() use specific time zone
  20. How to convert from Hex to ASCII in JavaScript?
  21. Set date in input type date
  22. Preferred Alternative to OnMouseOver for touch
  23. Finding JavaScript memory leaks with Chrome
  24. Three.js/WebGL: Large spheres appear broken at intersection
  25. Why was block scope not originally implemented in JavaScript?
  26. Measure distance between two HTML elements’ centers
  27. React – useState – why setTimeout function does not have latest state value?
  28. Mongoose.js: Find user by username LIKE value
  29. Semaphore-like queue in javascript?
  30. Get the days, hours and minutes in Moment.js

Leave a Comment