Adding Prototype to JavaScript Object Literal

by

The prototype object is meant to be used on constructor functions, basically functions that will be called using the new operator to create new object instances.

Functions in JavaScript are first-class objects, which means you can add members to them and treat them just like ordinary objects:

var STORE = {
   item : function() {
  }
};

STORE.item.add = function() { alert('test 123'); };
STORE.item.add();

A typical use of the prototype object as I said before, is when you instantiate an object by calling a constructor function with the new operator, for example:

function SomeObject() {} // a constructor function
SomeObject.prototype.someMethod = function () {};

var obj = new SomeObject();

All the instances of SomeObject will inherit the members from the SomeObject.prototype, because those members will be accessed through the prototype chain.

Every function in JavaScript has a prototype object because there is no way to know which functions are intended to be used as constructors.

More Related Contents:

  1. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  2. __proto__ VS. prototype in JavaScript
  3. How can I add a key/value pair to a JavaScript object?
  4. Understanding the difference between Object.create() and new SomeFunction()
  5. What is the significance of the Javascript constructor property?
  6. Defining a Javascript prototype
  7. Adding/removing items from a JavaScript object with jQuery
  8. prototype: deep scope of “this” to access instance’s scope
  9. Prototyping Object in Javascript breaks jQuery?
  10. What is the `constructor` property really used for? [duplicate]
  11. Properties of Javascript function objects
  12. JavaScript: instanceof operator
  13. How can I extend Array.prototype.push()?
  14. What is the significance of the double brackets for the [[prototype]] property in JavaScript?
  15. Traits in javascript [closed]
  16. Objects don’t inherit prototyped functions
  17. Why is JavaScript prototype property undefined on new objects?
  18. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  19. Why is JSON.stringify not serializing prototype values?
  20. Why is it impossible to change constructor function from prototype?
  21. What’s the JavaScript’s Object.prototype behavior?
  22. Javascript Number Prototype Set Value Directly [duplicate]
  23. ‘this’ is undefined in JavaScript class methods
  24. JavaScript object literal length === undefined?
  25. JS defineProperty and prototype
  26. Safely parsing a JSON string with unquoted keys
  27. [[Prototype]] vs prototype: ..what is the difference? (MyCons.__proto__ === MyCons.prototype) equals FALSE
  28. prototypal inheritance concept in javascript as a prototype based language
  29. Dynamically Add Variable Name Value Pairs to JSON Object
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment