javascript - 双文档准备好了吗？

Question

我正在使用一个脚本并发现了以下内容，但我真的找不到任何有关其含义的信息

(function($) {
    $(document).ready(function(e) {


       ... bla bla bla ...

    });
}) (jQuery);

(function($){}) (jQuery); 与 $(function () {}); 相同吗？如果是这样，为什么有人会定义两次 document.ready ？

Answer 1

不，这不一样。它是一个匿名函数，它被传递给 jQuery 对象，以确保它可以作为函数范围内的局部变量 $ 使用，即使全局变量 $被另一个库覆盖。它与 $(function () { }) 和 $(document).ready(function () { }) 完全不同。

jQuery plugin authoring 中推荐了这种特殊模式。文档:

[When authoring a plugin] it's a best practice to pass jQuery to an IIFE (Immediately Invoked Function Expression) that maps it to the dollar sign so it can't be overwritten by another library in the scope of its execution.

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

 };
})( jQuery );