Question

I’m using jQuery and have a function wrapped inside an immediately-invoked function expression like so:

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    (function ($) {

        var message = 'x called';

        function x() {
            alert(message);
        }
    })(jQuery);

    x();
</script>

This will result is an error since the function “x” is not defined outside the immediately-invoked function expression. Is there any way to call the function “x” outside the immediately-invoked function expression?

Answer 1

Make a namespace for other classes or functions you might want to do this with. You don’t want to continually pollute the global namespace but there’s no reason you can’t make one namespace that’s global and put your individual things underneath that:

(function($){
  window.MyNamespace = function(){};
  var message = "Something here";

  $.extend(MyNamespace, {
    x: function(){
      alert(message);
    }
  });
})(jQuery)

MyNamespace.x()