Properties of Javascript function objects

by

I’m not sure this will answer your question but may give you some insight. Consider the following example:

var Person = (function () {
    var Person = function (name) {
        this.name = name;
    }

    Person.greet = function () {
        console.log("Hello!");
    }

    Person.prototype = {
        greet: function () {
            console.log('Hello, my name is ' + this.name);
        }
    };
    return Person;
})();

var bob = new Person("Bob");

Person.greet(); // logs "Hello!"
bob.greet(); // logs "Hello, my name is Bob

The function object “Person” has a direct ‘greet’ property that is a Function. OOP-wise, you can almost think of that as a static method that can be called directly from the Person Function (Person.greet()). Once you “instantiate” a person object from the Person constructor, that new object “bob” now references it’s methods from the Person.prototype object. Now when you call bob.greet(), it uses the greet function in the prototype object.

Hope that helps.

More Related Contents:

  1. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  2. Why is extending native objects a bad practice?
  3. __proto__ VS. prototype in JavaScript
  4. Advantages of using prototype, vs defining methods straight in the constructor? [duplicate]
  5. Javascript object members that are prototyped as arrays become shared by all class instances
  6. Defining a Javascript prototype
  7. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  8. Objects don’t inherit prototyped functions
  9. How to access object prototype in javascript?
  10. Is John Resig’s Javascript inheritance snippet deprecated?
  11. Why is it impossible to change constructor function from prototype?
  12. What does the new keyword do under the hood?
  13. prototypal inheritance concept in javascript as a prototype based language
  14. Understanding the difference between Object.create() and new SomeFunction()
  15. Adding custom properties to a function
  16. Get functions (methods) of a class [duplicate]
  17. Access parent’s parent from javascript object
  18. prototype: deep scope of “this” to access instance’s scope
  19. What is the `constructor` property really used for? [duplicate]
  20. JavaScript: instanceof operator
  21. How can I extend Array.prototype.push()?
  22. What is the significance of the double brackets for the [[prototype]] property in JavaScript?
  23. Why are my JavaScript object properties being overwritten by other instances?
  24. Object oriented javascript with prototypes vs closures
  25. Traits in javascript [closed]
  26. Javascript OOP best practices? [closed]
  27. clearRect not working
  28. What’s the JavaScript’s Object.prototype behavior?
  29. Javascript Number Prototype Set Value Directly [duplicate]
  30. How to set javascript private variables in constructor?

Leave a Comment