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;
}