revealing module pattern java script cannot access variable

Question

I am implementing the Revealing Module pattern in JavaScript and having difficulty in accessing the declared variable in another script. Below is my code.

Script1:

var SomeEventHandler = (function (){

    var logSomeEvent = function(){...}
    return {
        trackEvent: logSomeEvent;
    };
})();

Script2:

SomeEventHandler.trackEvent(); // This gives me undefined error.

In the HTML, I have added script 1 before script 2, so I wanted to know how can i access SomeEventHandler in script 2.

Please include your html. My guess is that you don't have the scripts declared in the correct order. — Andrew Eisenberg, Jul 31 '14 at 18:47
I am working in Visualforce so not sure if including that page makes sense. But I have made sure that script order is right — Mandar, Jul 31 '14 at 18:49

score 4 · Accepted Answer · answered Jul 31 '14 at 18:51

I noticed that you have a semicolon in your object notation. Multiple key:value properties in objects created with object-notation are separated by commas, not semicolons. Also, you don't need the separator if there is only one element. I removed the semicolon and it works fine in my testing.

var SomeEventHandler = (function (){
    var logSomeEvent = function() { console.log('Cool stuff happened!'); }
    return {
        trackEvent: logSomeEvent
    };
}());

// ...

SomeEventHandler.trackEvent(); // Cool stuff happened!

revealing module pattern java script cannot access variable

1 Answers1