javascript - 多事件 $(function) 与单事件多 $(function) 之间的区别

Question

这段代码之间有很大的区别吗？有什么区别？

$(function(){
$("#id1").click(function(){ //some codes}
$("#id2").click(function(){ //some codes}
$("#id3").click(function(){ //some codes}
}); 

对比

$(function(){ $("#id1").click(function(){ //some codes}});
$(function(){ $("#id1").click(function(){ //some codes}});
$(function(){ $("#id1").click(function(){ //some codes}});

我知道它的 document.ready() 但这个符号如何影响页面的速度？

Answer 1

多次调用 document.ready 可能会导致代码运行速度变慢，如 jspref 所示:http://jsperf.com/abusing-jquery-document-ready .

但更重要的是，它会损害可读性。 (代码什么时候开始？首先运行哪些函数？)。我完全赞成一个大型的一体化 init() 函数。