javascript - js文件的加载顺序

Question

我有两个 .js 文件，它们按以下顺序添加到 head 标签中:

<script type="text/javascript" src="script_nr_1.js"></script>
<script type="text/javascript" src="script_nr_2.js"></script>

script_nr_2.js有一个使用script_nr_1.js对象的变量，但是当页面加载时，它首先初始化script_nr_2.js的变种。因此，这会导致 script_nr_2.js 出现错误，因为它会尝试使用不存在的对象初始化 var。

我如何防止这种情况发生，并让它们按顺序加载？

Answer 1

使用该标记，script_nr_1.js 将始终在script_nr_2.js 之前运行(当然，前提是第一个脚本文件是实际上可以访问)。如果您在第二个脚本运行时看到第一个脚本中的某些内容尚未准备就绪，则意味着第一个脚本正在设置某种延迟初始化，可能正在等待“DOM 准备就绪”或页面加载。

您必须延迟第二个脚本中依赖于该初始化的任何代码的执行，直到它被执行。您说过第一个脚本是一个库；如果它正在这样做，大概它有一种方法可以在完成时通知您。如果没有，我会寻找替代库。