Constructors in JavaScript objects

by

Using prototypes:

function Box(color) // Constructor
{
    this.color = color;
}

Box.prototype.getColor = function()
{
    return this.color;
};

Hiding “color” (somewhat resembles a private member variable):

function Box(col)
{
   var color = col;

   this.getColor = function()
   {
       return color;
   };
}

Usage:

var blueBox = new Box("blue");
alert(blueBox.getColor()); // will alert blue

var greenBox = new Box("green");
alert(greenBox.getColor()); // will alert green

More Related Contents:

  1. Advantages of using prototype, vs defining methods straight in the constructor? [duplicate]
  2. How to get a JavaScript object’s class?
  3. How does the new operator work in JavaScript?
  4. What is “undefined x 1” in JavaScript?
  5. Anonymous class instance —- is it a bad idea?
  6. Class vs. static method in JavaScript
  7. Adding custom properties to a function
  8. Get functions (methods) of a class [duplicate]
  9. Difference of the value, prototype and property
  10. What does it mean that Javascript is a prototype based language?
  11. Access parent’s parent from javascript object
  12. Properties of Javascript function objects
  13. Is JavaScript object-oriented?
  14. setTimeout() inside JavaScript Class using “this”
  15. How to call a parent method from child class in javascript?
  16. How to dynamically set a function/object name in Javascript as it is displayed in Chrome
  17. Why are my JavaScript object properties being overwritten by other instances?
  18. Object oriented javascript with prototypes vs closures
  19. Javascript OOP best practices? [closed]
  20. Objects don’t inherit prototyped functions
  21. What does `new` in JavaScript do, anyway? [duplicate]
  22. ES6 – Call static method within a class
  23. Preserve ‘this’ reference in javascript prototype event handler [duplicate]
  24. JavaScript override methods
  25. Does ECMAScript 6 have a convention for abstract classes? [duplicate]
  26. Why is it impossible to change constructor function from prototype?
  27. Duck Typing in Javascript
  28. Why aren’t methods of an object created with class bound to it in ES6?
  29. How to access a method from a class from another class?
  30. How to set javascript private variables in constructor?

Leave a Comment