确保脚本可用性的模式或技术？

Question

随着我一直从事的项目越来越多，当其他代码尝试访问页面上的所有脚本时，页面上的所有脚本都不可用的情况越来越频繁。虽然这种情况最常发生在代码更新后（例如未缓存），但我在测试中越来越多地出现这种情况，但以前从未发生过。

我已经部分解决了这个问题，方法是使用一个函数等待模块可用（请参阅this question），这主要解决了这个问题，但我对实现并不完全兴奋，我寻找更具产业实力的格局来应对。这些是我想出的可能的解决方案：

1) 按需加载脚本类似ensure - 不理想。需要在每个脚本中包含实际的脚本名称依赖信息，而不仅仅是模块/对象名称，以执行此操作。在使用资源之前仍需采取一些措施以确保其可用。

2) 管理脚本加载顺序。如果这甚至可以工作（例如，我不认为简单地将脚本 A 放在脚本 B 之前就可以保证它可用，因为它们可以同时加载），这将是一个痛苦，因为你不知道依赖关系直到你已经加载了依赖它的东西。在一个拥有大量使用不同资源的页面的网站上进行设置需要做大量工作（而且我无意在每个页面上加载网站上到处使用的所有内容）。

3) 等待所有内容加载到给定页面上，然后再允许用户交互。由于显而易见的原因，远非理想。仍然没有解决初始化代码中发生的依赖关系。

4) 扩展我目前的解决方案。目前的工作方式是（这是伪代码，但基本的逻辑过程）：

// Depends on Module2
Module1 = (function () {
   self = {};
   // function requires dependency
   // waitFor waits until global named 'dependency' is available then calls callback
   self.initialized=false; 
   self.init = function() {
       waitFor('Module2', function() {
           self.intialized=true;
       });
   }
  // waitForInitialization sets a callback when self.initialized=true
   self.func = self.waitForInitialization(func() {
           Module2.doStuff();
       });
   }
   //UI-initiated function requires dependency
   self.uiFunc = function() {
       if (!self.initialized) {
          showPleaseWaitDialog();
          self.waitForInitialization(function() {
              dismissPleaseWaitDialog();
              self.uiFuncImpl);
       } else {
          self.uiFuncImpl();
       }
   }
   self.uiFuncImpl= function() { 
       Module2.doStuff();
   }
} ());

我可以想办法创建一个比我上面的代码更透明地处理依赖问题的原型，并且如果我必须这样做，我完全打算这样做，但这真的是最好的解决方案吗？别人做什么？什么是最佳做法？

Answer 1

2) 脚本加载顺序 - 脚本将始终按照它们在 DOM 中放置的顺序执行，因此虽然它们可能同时加载，但它们将以有序的方式执行（在我从事的大型项目中面临同样的问题） .

?) 如果脚本加载顺序对您来说不是一个理想的解决方案，您可以查看Promise 模型。

??) 如果 Promises 和 Load Order 对您不起作用，您可以监听每个模块在初始化时可以触发的命名空间事件，这样，如果对象存在，则可以使用它，如果不存在，则可以使用它的初始化被倾听。