How can I use a Namespace in two different files?

Question

I'm trying to use a Namespace in two different files.

First file:

        $(document).ready(function () {
               var App= window.App || {};

               App.Form = can.Control.extend({... });
               window.App = App;
        });

Second file:

        $(document).ready(function () {

               var App2 = window.App2 || {};

               App2.Form = can.Control({ 
               new App.Form();
               });

               window.App2 = App2;
        });

But I keep getting this error:

Uncaught TypeError: undefined is not a function.

What am I doing wrong?

That's two different namespaces :-) Have you made sure that your second file is executed after your first file? — Bergi, Sep 30 '13 at 14:47
Javascript files are downloaded and executed in the order they appear in your HTML (unless you use the `async` or `defer` attributes on your script tag). — Nick Husher, Sep 30 '13 at 15:18

score 1 · Accepted Answer · answered Sep 30 '13 at 14:23

1

Try this in your second file

;(function(global) {

    var App = window.App || {}


    $(document).ready(function () {

           var App2 = window.App2 || {};

           App2.Form = can.Control({ 
           new App.Form();
           });

           window.App2 = App2;
    }); 

})(window);

answered Sep 30 '13 at 14:23

Paul Rad

4,820
1
22
23

I would do `})(window.App = window.App || {});` – Andy Sep 30 '13 at 14:24
The second file must be included after – Paul Rad Sep 30 '13 at 14:34
How do I include it after? – Glund Sep 30 '13 at 15:08

How can I use a Namespace in two different files?

1 Answers1