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 ready”或页面加载。

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