jquery - 在js文件中重复使用$(document).ready(function ()

Question

我有一个名为“app.js”的 js 文件，我将大部分 javascript 存储在其中，以便可以轻松地将其最小化。

我注意到我已经将每个独特的函数包装在:

$(document).ready(function () { ... });

文件中大约有 10 个以这种方式包装的函数。对我来说，将整个 app.js 文件包装在 $(document).ready 中而不是每个单独的函数会更好吗？

我觉得我可能已经阅读以避免滥用该文档，但我可能只是在考虑 $(this)？

我正在做的事情是否存在任何性能问题？

Answer 1

这种方法不应该有任何性能问题，但在我看来，它看起来很难看并且难以阅读。

我的建议是仅使用一个 ready 函数作为您的 init，然后将函数存储在 ready 之外，例如:

$(document).ready(function () { 

//check some stuff once document is ready
check_if_user_is_loggedin();

//check if user got new message
setInterval(function(){
   check_user_inbox();
}, 5000);

});


//now here store your functions like:
function check_if_user_is_loggedin(){
  if(loggedIn) return true; else return false;
}

check_user_inbox(){
  //ajax call etc...
  return messages;
}