jQuery getScript

Question

我现在不得不使用几个JavaScript库，它们必须以非常特定的顺序加载。因为jQuery的getScript()是异步的，所以它会非常快地开始下载所有脚本，并在它们完成时执行它们。因为它们没有按顺序执行，所以我从库中得到了多个错误。

不幸的是，我不能更改或修改这些库中的任何一个。我尝试做的是使用一个方法来下载一个JavaScript库，并在回调中让它调用自己，直到它加载完所有的库。

这适用于第一个文件。当第二个文件出现时，它会丢失回调中的上下文，并且我不能再调用我的递归方法。

有什么想法吗？

代码的配对版本：

function loadFiles (CompletedCallback) {
    var Files = getFiles(); // This is an array of js files to load
    var currentFileIndex = 0;

    function processFile (file) {
        $.getScript(file[currentFileIndex], $.proxy(function () {
            ++currentFileIndex;
            if (currentFileIndex === Files.length) {
                CompletedCallback();
            } else {
                processFile(Files[currentFileIndex]);
            }
        }, this);
    };

    processFile(Files[currentFileIndex]);
};

Answer 1

我不确定你的代码出了什么问题，但我会这样做：

function loadOrdered(files, callback) {
   $.getScript(files.shift(), function() {
       files.length
          ? loadOrdered(files, callback)
          : callback();
   });
}

编辑，更好的版本：

function loadOrdered(files, callback) {
   $.getScript(files.shift(), files.length
       ? function(){loadOrdered(files, callback);}
       : callback
   );
}

或者更好的是，如果您不关心旧浏览器或自己实现Function.prototype.bind (也支持绑定参数，而不仅仅是this上下文)：

function loadOrdered(files, callback) {
   $.getScript(files.shift(), files.length
       ? loadOrdered.bind(null, files, callback)
       : callback
   );
}

Answer 2

您可以进行同步呼叫，只需执行以下操作：

$.ajaxSetup({async: false});
$.getScript('library.js');
$.ajaxSetup({async: true});

Answer 3

简单形式：

function getScript(url){ $.ajax({url: url, type: 'post', async: false}); }

使用：

getScript(a_url);