javascript - !function ($){...}(window.jQuery) 到底是做什么的？

Question

我想确切地知道这里发生了什么。我知道 $(document).ready(function() {...}); 的作用以及它何时生效。 jQuery(function($) {...} 也是如此。

但这有什么作用呢？

!function ($) {
  $(function(){
    var $window = $(window)
    //normal jquery stuff
  })
}(window.jQuery)

它是在加载 jQuery 时加载的，而不是在文档“准备好”时加载的吗？

Answer 1

它创建一个闭包，其中变量 $ 被赋予 window.jQuery 的值。

目的是允许将无信息命名的变量 $ 用作 jQuery 的快捷方式，而不会与也使用的大量其他库和自定义函数发生冲突$ 作为变量名。