javascript - 在加载脚本之前执行 Modernizr.load 回调

Question

在我的 javascript 的某个时刻，我有以下内容(使用 Modernizr 2.6.2):

Modernizr.load([{
    load: '/path/file.js',
    complete: function () {
        //do stuff
    }
}]);

它在大多数情况下工作得很好，除了在 IE8 上，大约有 3 次它会先执行回调，然后再加载脚本。我在回调上添加一个断点，在 file.js 中添加另一个断点。两个脚本都在执行，只是有时交换顺序。

我试图隔离并重现错误，但我做不到。当我在页面上只有这段代码(使用完全相同的 Modernizr 文件)时，它每次都能正常工作。出于这个原因，我相信我的项目中的其他东西可能会干扰，但我不知道沿着 10000(真的!)js 行接下来要看什么。有没有人经历过类似的事情或知道什么会导致这种行为？

我不是在为这个特定案例寻找解决方法。这是我真正希望保持原样的众多实例之一。

编辑 1 - 新信息:使用网络面板，我可以看到正在完成两个请求 ( which is expected )，但第一个请求始终返回空白。第二个请求带来了正确的内容。在两个请求都完成后执行回调时效果很好，但有时回调在第一个(空)和第二个请求之间执行。那就是它崩溃的时候!

编辑 2 - 新信息: 好的，看来我现在可以重现它了。为了 100% 确定我的假设，我必须深入了解 javascript 引擎，但我并不了解，所以我可能完全错了，但这是我发现的:

请求 file1.js 和 file2.js。如果 file2 在引擎忙于执行 file1 的回调时完成加载，则 file2 执行到队列末尾的某个位置，这意味着在 file2 的回调之后。

Answer 1

在触发回调之前尝试等待所有文件加载。扩展以下模式以满足您的需求。

Modernizr.load([{

load: '/path/file.js',
complete: function () {
    filesLoaded++;
    checkStatus();
}
}]);

function checkStatus(){
  if(filesLoaded == 2){
    //do stuff
  }else{
    setTimeout(checkStatus, 100);
  }
}