JavaScript include

Question

I have a javascript code that is about 3000 lines long. All of the functions are in one file. I need to know if there is a way to include a function within the same file.

Example:

function renderGameLayout()

This would include all the layout designs.

Now later on in the code, I will be calling back to that function within another function? I tried:

function getGames()
{
    // other js code here
    $(document).ready(function() 
    {
        renderGameLayout();
    });
    // other js code here
}

within another function, but this didn't work. Any suggestions? NOTE: I do not want to include another .js file, please do not suggest that.

http://stackoverflow.com/questions/950087/how-to-include-a-javascript-file-in-another-javascript-file — rink.attendant.6, May 23 '13 at 17:08
I don't know what you're asking. If `renderGameLayout` is declared in the same file as `getGames` you should be able to access it fine. — Mansfield, May 23 '13 at 17:09
@user1522901 Are you calling GetGames() somewhere? Or are you expecting the $(document).ready() to fire your function? — Yatrix, May 23 '13 at 17:12
@yatrix so the getGames function is fetching the games from the db and displaying them, but instead of re-writing the layout for the game display I would like to just put the common values in one function and call to it so that I don't have to edit 5-6 functions that are displaying the same way — user1522901, May 23 '13 at 17:20
@rink.attendant.6 -1, that shows me how to include a file when I specifically asked for a way not to do that... — user1522901, May 23 '13 at 17:21
@user1522901 see my answer. The first edit should answer your question. — Yatrix, May 23 '13 at 17:22
How is this question closed by you guys, it was answered and it worked doesn't that defeat the purpose of you closing it? — user1522901, Aug 14 '13 at 18:39

score 2 · Answer 1 · answered May 23 '13 at 17:09

For large JS projects, especially if you are working on a JS game engine, you should review using something like RequireJS to manage your files and dependencies.

http://requirejs.org/

I think you'll find your answer and some potentially better ways to organize your project structure.

Yatrix · Accepted Answer · 2013-05-23T17:21:38.850

It's hard to determine what your issue is, but I think you're expecting $(document).ready() to fire your renderGameLayout function for you. You've wrapped $(document).ready() inside a function, so that's not going to work as you expect. Move that into your file body:

$(document).ready(renderGameLayout());

or use an enclosure to fire renderGameLayout() instead like this:

(function() {
    renderGameLayout();
})();

Your code, as it stands, doesn't really make much sense.

Edit:

After re-reading your question, it sounds like you want to use a function in a separate script file WITHOUT adding the script to your page. In that case, no, you can't. Your JavaScript has to be aware of the existence of the other function. If you don't include the script, how's it going to know where or what the function is doing?

You can either move that function to your entirely-too-large file full of functions or you can add the script to your page. Those are your options.

Edit #2:

Ideally, you'd want to break up your JavaScript into files that make sense and combine and minify them when you go to production. A giant file full of 3000 lines seems like a bad idea.

@user1522901 I'm happy to help. Don't forget to upvote the answer too. =) — Yatrix, May 23 '13 at 17:26

JavaScript include

2 Answers2

Edit:

Edit #2: