Question

This is my main file:

$(document).ready(function () {
  function Page() {
    this.menu = new Menu();
    this.management = new Management();
    this.text = "text";
  }
window.Page= Page();
});

Now I want to access the Page from every other JS file:

I tried this:

console.log(Page.text);

Gives me : Uncaught ReferenceError: Page is not defined

Tried this:

console.log(window.Page.text);

Gives me : Uncaught TypeError: Cannot read property 'text' of undefined

What am I doing wrong?

Answer 1

Your issue is that within the Page function you are not creating any new object on the global context. You are creating a new Menu and new Management instance but on the current context.

Plus by calling the Window.Page = Page(), you are assigning the result of the Page function (which is void) to the window.Page object.

I suggest you do something like :

//- from any js file 
    function createPage() {
            var newPage = { title : 'new page', count : '2' };
            return newPage;
          }
    window.Page = createPage();

…

//- and from other js file
    $(document).ready(function () {                
    alert(window.Page.title);
    });

Note, I have replaced your menu and management properties with dummy content for this sample. Sample available @ this JSFiddle

Update : Code has been updated to illustrate the multiple js file proper usage.

Hope this helps