javascript - 外部 js 文件互不认识

Question

我有一个很长的外部 JS 文件，我想将其拆分为 2 个单独的 JS 文件。问题是，file_1.js它不再知道它的功能file_2.js。当我这样做时，有什么特别的事情我没有想到。

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

我的html的头。

我正在准备好文档中的所有内容。

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

干杯

Answer 1

Javascript 文件只能访问之前加载的文件中的代码。在此示例中，file2 可以访问 file1 中的函数，但反之则不行。

如果他们每个人都需要互相访问，那么你就有了循环依赖。发生这种情况时，通常意味着您的两个文件实际上应该只是一个大文件。

Answer 2

如前所述，在调用函数的外部js之前调用声明函数的外部js文件是您需要做的。

您是否尝试过从 dom 中调用其中一个函数？如果这也失败了，那么你如何分解 js 可能存在问题。

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

对比

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