Passing arguments into the revealing Module pattern in Javascript - Stack Overflow

admin管理员组

文章数量:1327993

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.

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.

• javascript
• design-patterns
• revealing-module-pattern

Share Improve this question Follow asked Apr 14, 2017 at 11:44 cross19xxcross19xx 3,48722 gold badges2727 silver badges4141 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

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
};

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");

Change the line

consoleLog: consoleLog()

To

consoleLog: consoleLog

Or even(es6) to:

consoleLog

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');

本文标签： Passing arguments into the revealing Module pattern in JavascriptStack Overflow