javascript - 怎么说 "execute this code on document ready"最好？

Question

当我第一次学习 JavaScript 时，我有点养成了这样的习惯，即在页面加载到结构中时包装我想要执行的任何脚本:

$(function() {
    //code
});

从那以后学到了更多，我觉得我可以很容易地扔掉 jQuery 并写:

(function(){
    //code
})();

这两种方法在最终结果上是等价的吗？一个更好吗？我对一个或两个完全错误吗？ “文档准备就绪后执行”的标准最佳实践是什么？

Answer 1

它们根本不是一回事。第一个是 document.ready 事件，通常如下所示:

$(document).ready(fn);

但是 jQuery 允许您使用快捷方式:

$(fn);

第二个代码是一个 IIFE(立即调用函数表达式)，它所做的只是创建一个闭包，因此您不会将变量暴露给全局范围，然后立即执行。

当您使用 jQuery 时，将所有代码放在一个就绪事件中是一个很好的做法，顺便说一句，您也创建了一个闭包，因此其中的所有内容也是“私有(private)的”。但是，如果您在结束 body 标记之前添加代码，则不需要 ready 事件。您可以根据需要使用任意多个 IIFE，但通常只使用一个就绪事件，因为该事件只运行一次。

总之，document.ready在事件发生时触发。 IIFE 允许您封装代码。