使用JQuery顺序调用Javascript文件

Question

说我有以下数组：

var array=['script1.js', 'script2.js','script3.js','script1.js']

如何逐个遍历每个脚本中的数组加载，下一个只在前一个脚本完全加载并触发后才被调用？

我希望使用JQuery的getScript函数。

这样的事情就足够了吗？

var i=0;
var id_key='file'+i;
function load_script(url){
$.getScript(url)
.done(i++; load_script(array[i]);
}

Answer 1

尝试类似

的内容

var array = ['script1.js', 'script2.js', 'script3.js', 'script1.js'];

function load_scripts(array) {
    if (!array || !array.length) {
        return
    }
    $.getScript(array.shift(), function () {
        load_scripts(array);
    })
}
load_scripts(array)

演示：Fiddle

Answer 2

var i=1;
var id_key='file'+i;
function load_script(url){
  $.getScript(url)
  .done(
      function(data){
        switch(i){
          case 1://do blah blah
          case 2://do blah blah
        }
        i++;
        if(i<=array.length){
          load_script(array[i])
        }
      });
}
load_script(array[i]);