外部js文件彼此不认识

Question

I have a very long external JS-file which I want to split in 2 seperate JS-files. The problem with this is, that file_1.js doesn't know the functions of file_2.js anymore. Is there something special I don't have in mind when I'm doing this.

<script src="js/file_1.js"></script>
<script src="js/file_2.js"></script>

head of my html.

and I'm loading every content in a document ready.

$(function() { some code in both });

Cheers

Answer 1

Javascript files can only access code from files that are loaded before them. In this example file2 can access functions in file1, but not the other way around.

If they each need to access each other, you have a circular dependency. When this happens, it usually means your two files should really just be one big one.

Answer 2

As previously stated, calling the external js file which declares the functions before the external js which calls the functions is what you need to do.

Have you tried calling one of the functions from within the dom? If that fails as well, there may be issues with how you broke up the js.

<script src="js/file_2.js"></script>
<script src="js/file_1.js"></script>

vs

<script src="js/file_2.js"></script>
<script>
    $(document).ready(function(){
         someFunctionWithinFile_2();
    });
</script>