JavaScript instance functions versus prototype functions [duplicate]

by

You can actually add another level of privilege via wrapping the whole thing in a self-executing function:

var MyObj = (function() { // scoping
    var privateSharedVar="foo";

    function privateSharedFunction() {
        // has access to privateSharedVar
        // may also access publicSharedVar via explicit MyObj.prototype
        // can't be called via this
    }

    function MyObj() { // constructor
        var privateInstanceVar="bar";
        this.publicInstanceVar="baz";

        function privateInstanceFunction() {
            // has access to all vars
            // can't be called via this
        };

        this.publicInstanceMethod = function() {
            // has access to all vars
            // also known as a privileged method
        };
    }

    MyObj.prototype.publicSharedVar="quux";

    MyObj.prototype.publicSharedMethod = function() {
        // has access to shared and public vars
        // canonical way for method creation:
        // try to use this as much as possible
    };

    return MyObj;
})();

Only ‘public’ properties can be accessed from outside via this.

For performance reasons, you should avoid what I called ‘instance’ methods: For each of these, a new function object must be created for each MyObject instance, whereas there’s only a single function object per ‘shared’ method.

More Related Contents:

  1. var functionName = function() {} vs function functionName() {}
  2. JavaScript property access: dot notation vs. brackets?
  3. Explain the encapsulated anonymous function syntax
  4. Question mark and colon in JavaScript
  5. Why can’t I access a property of an integer with a single dot?
  6. Why does ++[[]][+[]]+[+[]] return the string “10”?
  7. What does the plus sign do in ‘+new Date’
  8. Convert string in dot notation to get the object reference [duplicate]
  9. What’s the purpose of prototype? [duplicate]
  10. How can I refer to a variable using a string containing its name?
  11. JavaScript: Class.method vs. Class.prototype.method
  12. Why should I use a semicolon after every function in javascript?
  13. Difference between using bracket (`[]`) and dot (`.`) notation [duplicate]
  14. Understanding prototypal inheritance in JavaScript
  15. What is the correct syntax of ng-include?
  16. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  17. Double quotes within php script echo
  18. Use a concatenated (dynamic) string as JavaScript object key? [duplicate]
  19. Why does 10..toString() work, but 10.toString() does not? [duplicate]
  20. syntax error: unexpected token
  21. How to find Javascript syntax errors? [closed]
  22. __proto__, when will it be gone? Alternatives?
  23. What is the purpose of a semicolon before an IIFE? [duplicate]
  24. JSON syntax for property names
  25. Does assignment with a comma work?
  26. javascript syntax: function calls and using parenthesis
  27. JavaScript dot notation [duplicate]
  28. What’s the reason for using such syntax (0, _.Em)();
  29. [[Prototype]] vs prototype: ..what is the difference? (MyCons.__proto__ === MyCons.prototype) equals FALSE
  30. What does ‘::’ (double colon) do in JavaScript?

Leave a Comment