使用文档准备执行来自不同JS文件的函数

Question

我正在开展一个项目，我的目标是将几个元素加在一起，这样就不会单独弹出。所以假设我在JS文件A里面有一个函数loadA，在JS文件B里面有函数loadB。现在在JS文件C中我知道我可以运行

$(document).ready(loadA); $(document).ready(loadb);

这会有效，但是有没有办法在一个准备好的函数内部没有它失败？

Answer 1

在单独的文件中对$(document).ready进行这两次调用的工作正常。
但这不实用：很难预测哪个呼叫会先发生，会是什么这些调用的顺序（通过2次调用很容易确定，当有更多的调用时，不是那么多）。

我通常只有一个document.ready.js个文件，其中包含以下类型的内容：

$(document).ready(()=>{
  myFunc();
  myFunc2();
  myFunc3();
});

和myFunc，myFunc2和myFunc3可以在其他文件中定义。这使您可以轻松跟踪以何种顺序调用哪个函数，使其更易于维护。

NB

如果您有兴趣，还可以使用简写语法：

$(()=>{
  myFunc();
  myFunc2();
  myFunc3();
});