Javascript Namespace ready function

Question

Where can I accommodate ready function in the name space?

var yourNamespace = yourNamespace || {
    foo: function()
    {
    },
    bar: function()
    {
    }
};
...
yourNamespace.foo();

ready function:

$(function(){
...
});

Your question is unclear. Why exactly do you need the ready function? — Halcyon
– Halcyon, Commented Sep 23, 2013 at 22:49
Just next to that foo() call? What do you mean by "in the namespace"? — Bergi
– Bergi, Commented Sep 23, 2013 at 22:49
@FritsvanCampen , I want when document is ready, inside the namespace some codes run — werva
– werva, Commented Sep 23, 2013 at 22:56
@Bergi i want to run this, but once namespace is defined and document gets ready: $(function(){ $('button').click(foo); }); — werva
– werva, Commented Sep 23, 2013 at 22:59

Neil Girardi · Accepted Answer · 2013-09-24 15:33:34Z

2

Here's how I do it:

   var MyNamespace = (function(publicAPI) {

        var foo = 'I am a  private field';

        publicAPI.alertFoo = function() {
            alert(foo);
        };

        // DOM ready
        $(function() {        
            $('.test-link').click(function() {
                publicAPI.alertFoo();
            });
        });

        return publicAPI;

    })(MyNamespace || {});

To call the alertFoo method you would use MyNamespace.alertFoo(); This is a variation of the module pattern. The DOM ready section is used for binding to events.

edited Sep 24, 2013 at 15:33

answered Sep 24, 2013 at 3:37

Neil Girardi

5,0113 gold badges37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bergi Over a year ago

MyNamespace should be the same as myModule…

Collectives™ on Stack Overflow

Javascript Namespace ready function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related