是否可以在加载jQuery之前预先注册处理程序？

Question

在 jQuery是一个非常常见的场景之前加载jQuery 在页面后期加载但依赖于jQuery可用的javascript的情况,特别是如果你遵循更接近你的脚本的做法</body>.

所以基本上我想从这里开始:

<script>
  someFunctionThatUsesLateJQuery(){ [code that relies on jQuery] }
</script>

...

<script src="jquery.js"></script>
<script>
  $(function(){
    someFunctionThatUsesLateJQuery();
  });
</script>

对于这样的事情:

<script>
  _$.ready(function(){ [code that relies on jQuery] });
</script>

...

<script src="jquery.js"></script>

就像异步统计跟踪(álaGoogleAnalytics)一样,有没有什么可以让你注册javascript函数调用,一旦加载jQuery就可以执行,而不会遇到可怕的$ is undefined错误？

我的意思是在没有注册和取消注册超时/间隔的情况下发生这种情况.

有没有/有没有可能在jQuery中添加某种预注册变量,它会在加载后识别和处理？

使用案例:

值得注意的是,我得到的具体用例是一个嵌入式JS小部件,我希望在<script>放置的场景中发生一些DOM操作,因此在jQuery加载之前有非常真实的可能性. jQuery加载的情况发生在附近</body>.

然后,我不想让用户进一步负担,要求他们在代码执行的正确位置注册一个特定的函数调用(这将取决于他们的实现)...我希望它"只是工作"

Answer 1

当所有函数调用都转移到数据属性时，您可以尝试使用常见且流行的解决方案。然后，当加载 jQuery 时，您将抛出所有具有此类属性的 DOM 元素并运行此函数。即，您不是添加函数调用data-type='load' data-function='YourNamespace.yourFunctionName'，而是在 window.load 事件之后选择所有元素$('[data-type="load"]')，迭代它们，然后执行函数调用。

UPD：猜猜，异步函数排队模式可能有助于阅读： Google Analytics 异步设计模式的名称是什么以及它在哪里使用？