What is returned from a constructor?

by

Short Answer

The constructor returns the this object.

function Car() {
   this.num_wheels = 4;
}

// car = { num_wheels:4 };
var car = new Car();

Long Answer

By the Javascript spec, when a function is invoked with new, Javascript creates a new object, then sets the “constructor” property of that object to the function invoked, and finally assigns that object to the name this. You then have access to the this object from the body of the function.

Once the function body is executed, Javascript will return:

ANY object if the type of the returned value is object:

function Car(){
  this.num_wheels = 4;
  return { num_wheels:37 };
}

var car = new Car();
alert(car.num_wheels); // 37

The this object if the function has no return statement OR if the function returns a value of a type other than object:

function Car() {
  this.num_wheels = 4;
  return 'VROOM';
}

var car = new Car();
alert(car.num_wheels); // 4
alert(Car()); // No 'new', so the alert will show 'VROOM'

More Related Contents:

  1. How to do this mouse over effect in jquery?
  2. Total sum is NaN – Javascript
  3. Why is setState in reactjs Async instead of Sync?
  4. Updating a Nested Array with MongoDB
  5. Issue in returning data retrieved from DB queries called in the loop
  6. setImmediate vs. nextTick
  7. Passing environment-dependent variables in webpack
  8. Setting cross-domain cookies in Safari
  9. How can I highlight the text of the DOM Range object?
  10. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  11. Backbone: Why assign `$(‘#footer’)` to `el`? [duplicate]
  12. How to play a notification sound on websites?
  13. Retrieve data from a ReadableStream object?
  14. Node.js Async/Await module export
  15. Appending form input value to action url as path
  16. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  17. How to cancel a subscription in Angular2
  18. Event fired when clearing text input on IE10 with clear icon
  19. What are asynchronous functions in JavaScript? What is “async” and “await” in JavaScript?
  20. Fix the upstream dependency conflict installing NPM packages
  21. jQuery/JS, iOS 4 and $(document).height() problems
  22. Bizarre console.log behaviour in Chrome Developer Tools [duplicate]
  23. Selenium WebDriver wait till element is displayed
  24. Create XML in JavaScript
  25. Observe mutations on a target node that doesn’t exist yet
  26. hide div if clicked outside of it [duplicate]
  27. Does the attr() in jQuery force lowercase?
  28. Memoization of promise-based function
  29. Is it possible to wait until all javascript files are loaded before executing javascript code?
  30. How to decode a JSFuck script?

Leave a Comment