$(document).ready 简写

Question

以下是 $(document).ready 的简写吗？

(function($){

//some code

})(jQuery);

我发现这种模式被广泛使用，但我找不到任何参考。如果它是 $(document).ready() 的简写，是否有任何特殊原因可能不起作用？在我的测试中，它似乎总是在就绪事件之前触发。

Answer 1

简写是：

$(function() {
    // Code here
});

Answer 2

$(document).ready(handler) 的简写形式是 $(handler) （其中 handler 是一个函数）。请参阅此处。

您问题中的代码与 .ready() 无关。相反，它是一个以 jQuery 对象作为参数的立即调用函数表达式 (IIFE)。其目的是将至少 $ 变量的范围限制在其自己的块中，这样就不会引起冲突。您通常会看到 jQuery 插件使用的模式来确保 $ == jQuery。

Answer 3

正确的简写是这样的：

$(function() {
    // this behaves as if within document.ready
});

---

您发布的代码...

(function($){

//some code

})(jQuery);

...创建一个匿名函数并立即执行它，并将 jQuery 作为参数 $ 传入。它有效做的就是获取函数内的代码并像平常一样执行它，因为 $ 已经是 jQuery 的别名。 ：D

Answer 4

更短的变体是使用

$(()=>{

});

$ 代表 jQuery，()=>{} 所谓的 '箭头函数' 从闭包继承 this 。 （因此，在 this 中，您可能会看到 window 而不是 document。）

Answer 5

这不是 $(document).ready() 的简写。

您发布的代码将内部代码装箱，并使 jQuery 可用作 $ ，而不会污染全局名称空间。当您想在一个页面上同时使用原型和 jQuery 时，可以使用此方法。

此处记录：http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/#use-an-immediately-invoked-function-expression

Answer 6

Ready 的多框架安全简写是：

jQuery(function($, undefined) {
    // $ is guaranteed to be short for jQuery in this scope
    // undefined is provided because it could have been overwritten elsewhere
});

这是因为 jQuery 不是唯一使用 $ 和 undefined 变量的框架

Answer 7

这些特定行是 jQuery 插件的常用包装：

“...为了确保您的插件不会与可能使用美元符号的其他库发生冲突，最佳实践是将 jQuery 传递给自执行函数（闭包）它将它映射到美元符号，这样它就不会被执行范围内的另一个库覆盖。”

(function( $ ){
  $.fn.myPlugin = function() {
    // Do your awesome plugin stuff here
  };
})( jQuery );

来自 http://docs.jquery.com/Plugins/Authoring

Answer 8

这又如何呢？

(function($) { 
   $(function() {
     // more code using $ as alias to jQuery
     // will be fired when document is ready
   });
})(jQuery);