将参数传递给Javascript的揭示性模块模式

Question

How can you pass arguments to a function when implementing the Revealing module pattern in JavaScript. I have a module like this

var GlobalModule = (function() {
    function consoleLog(textToOutput) {
        console.log(textToOutput);
    }

    return {
        consoleLog: consoleLog()
    };
})();

Later on, when i run GlobalModule.consoleLog("Dummy text"); , I get undefined as the output.

Answer 1

return {
    consoleLog: consoleLog()
};

That part of your code is wrong. You're exporting the Result of the consoleLog call due to the () at the end of the function, where you want to export the function itsself. So just remove the function call:

return {
    consoleLog: consoleLog
};

Answer 2

Do with function inside the return object

 var GlobalModule = (function() { return { consoleLog: function(textToOutput) { console.log(textToOutput); } } })(); GlobalModule.consoleLog("Dummy text"); 

Simply Do like this same output achieved . object => function call .No need a return object

  var GlobalModule ={ consoleLog: function(textToOutput) { console.log(textToOutput); } } GlobalModule.consoleLog("Dummy text"); 

Answer 3

Change the line

consoleLog: consoleLog()

To

consoleLog: consoleLog

Or even(es6) to:

consoleLog

Answer 4

You can do like this

var GlobalModule = (function() {
    function consoleLog(textToOutput) {
        console.log(textToOutput);
    }

    return {
        consoleLog: consoleLog // () is removed otherwise it will execute immediately
    };
})();

GlobalModule.consoleLog('Hello')

DEMO

You you want to pass a global variable pass it in the parenthesis of the IIFE

var GlobalModule = (function(x) {
    function consoleLog(textToOutput) {
        console.log(textToOutput,x); // will log Hello temp
    }
   return {
        consoleLog: consoleLog
    };
})('temp');