Question

Ok, so I’m using the following skeleton code to create a Javascript Library

var Device = (function(window, document, $) {
    function func_1(){
         return 1;
    }

    function func_2(){
        return 2;
    }

    var internalDevice = {
        func_1: func_1,
        func_2: func_2
    };
    return internalDevice; // expose functionality to the rest of the code
})(window, document, jQuery);

Essentially, I would call my functions like so: Device.func_1();.

I’m looking to add a constructor that will initialize some private variables from the get-go i.e. as soon as the object is created, and without having to make any extra function call(s).

How do I do this?!

Thanks.

Answer 1

I managed to figure this one out, here’s how I did it:

var Device = (function(window, document, $) {
    var var_1 = 10,
    var_2 = 20,
    var_3;

    function init(){
         var_3 = 30;
    }

    function func_1(){
         return 1;
    }

    function func_2(){
         return 2;
    }

    var internalDevice = {
        init: init(),
        func_1: func_1,
        func_2: func_2
    };
    return internalDevice;
})(window, document, jQuery);

So when you call Device.func_2();, the variables would already have been initialized. You can see a live example here: http://jsfiddle.net/CZjYH/11/

I am also going to be implementing Amplify.JS functionality inside the init function as a way of persisting my variables to local or Session storage.

Cheers.