javascript - 如何使用 Javascript 按顺序动态加载内部脚本

Question

我有几个脚本需要按特定顺序动态包含。我在这里查看并尝试了几个答案:How to include multiple js files using jQuery $.getScript() method

我的问题是这里的答案要么由于异步加载文件而在我的应用程序中不起作用，要么由于加载外部脚本而使问题变得过于复杂。我需要动态加载的脚本是内部的。 (即:在我网站的服务器上)

除了很多其他的尝试，我还尝试过:

$.when(
            $.getScript('/1.js'),
            $.getScript('/2.js'),
            $.getScript('/3.js'),
            $.getScript('/4.js'),
            $.getScript('/5.js'),
            $.Deferred(function (deferred) {
                $(deferred.resolve);
            })
        ).done(function() {         
            //Do Something
        });

但这不会以正确的顺序加载脚本并引发大量错误。

此外，我需要加载的脚本是内部的，我认为不需要所有 AJAX

我还尝试了其他变体但无济于事，希望有人能说明我如何一个接一个地动态加载内部脚本，最好是没有 AJAX 调用并且过于复杂？

Answer 1

getScript 返回一个类似 Promise 的对象，因此您可以在循环中等待它的每次调用，以便它们被串行处理:

(async () => {
  for (const path of ['/1.js', '/2.js', '/3.js']) {
    await $.getScript(path);
  }
  // Do something
})()
  .catch((err) => {
    // Something went wrong
  });