What’s the purpose of prototype? [duplicate]

by

Using the prototype makes faster object creation since properties/methods on the prototype don’t have to be re-created each time a new object is created.

When you do this:

function animal() {
    this.name="rover"
    this.set_name = function (name) {
      this.name = name
    }
}

The set_name method is created every time you create an animal. But when you do this

animal.prototype.set_name = function (name) {
    this.name = name
}

The method does not have to be re-created each time; it exists in one place in the prototype. So when you call someAnimal.set_name("Ubu"); the this context will be set to someAnimal and (the one and only) set_name method will be called.

There is one advantage to using the first syntax though: methods created in this manner will have access to private data:

function animal() {
    var privateData="foo"

    this.name="rover"
    this.set_name = function (name) {
        this.name = name
        alert(privateData) //will alert 'foo'
    }
}

Douglas Crockford calls methods created like this “privileged” for that reason: they have access to both public and private data.

More Related Contents:

  1. Preserving a reference to “this” in JavaScript prototype functions [duplicate]
  2. How does __proto__ differ from constructor.prototype?
  3. Better way to sum a property value in an array
  4. Benefits of prototypal inheritance over classical?
  5. JavaScript: Class.method vs. Class.prototype.method
  6. prototype based vs. class based inheritance
  7. Understanding prototypal inheritance in JavaScript
  8. What does it mean that Javascript is a prototype based language?
  9. JavaScript instance functions versus prototype functions [duplicate]
  10. __proto__, when will it be gone? Alternatives?
  11. Defining prototype methods inside the constructor
  12. Javascript inheritance: call super-constructor or use prototype chain?
  13. Is there a good use case for the constructor property in Javascript?
  14. [[Prototype]] vs prototype: ..what is the difference? (MyCons.__proto__ === MyCons.prototype) equals FALSE
  15. prototypal inheritance concept in javascript as a prototype based language
  16. Is it ok to assign the JavaScript prototype object instead of just its properties?
  17. how can I retrieve specific property of an object of multiple objects [duplicate]
  18. Get querystring from URL using jQuery [duplicate]
  19. Appending HTML string to the DOM
  20. adding ‘click’ event listeners in loop [duplicate]
  21. javascript: do primitive strings have methods?
  22. How to convert time in milliseconds to hours, min, sec format in JavaScript?
  23. Creating a new Location object in javascript
  24. Split a string by whitespace, keeping quoted segments, allowing escaped quotes
  25. setAttribute and video.src for changing video tag source not working in IE9
  26. How do you create a method for a custom object in JavaScript?
  27. Run javascript code in Webview
  28. Appended new row is not behaving like previous one (row)
  29. Big O of JavaScript arrays
  30. Why does accessing a non-existent object property result in `undefined` instead of throwing a `ReferenceError`?

Leave a Comment