javascript - 调用匿名函数和 jQuery(document).ready() 的最佳方法？

Question

这是多余的吗？

jQuery(document).ready(function($} {
    //stuff
}(jQuery));

这很丑陋而且过于冗长:

(function($) { $(document).ready(function() {
    //stuff
})})(jQuery);

我需要什么:

• 高效、美观且语义化。
• 避免命名空间冲突。
• 最少。

整个脚本在 dom 准备好后运行。将 .ready() 嵌套在不同行的匿名函数中并不理想，因为几乎整个文件最终都会成为双标签。

最好的方法是什么？

Answer 1

jQuery already passes a reference to itself to the ready callback ，所以就这样做

jQuery(document).ready(function ($) {
    //stuff
});
// or shorter
jQuery(function ($) {
    //stuff
});

<小时/>

顺便说一句，这个

jQuery(document).ready(function ($) {
    //stuff
}(jQuery));

甚至会是错误的。它立即调用匿名函数，以 jQuery 作为参数，然后将返回值传递给 jQuery(document).ready()。