javascript – 模块模式 – 为什么JQuery作为参数传入?

前端之家收集整理的这篇文章主要介绍了javascript – 模块模式 – 为什么JQuery作为参数传入?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想我理解模块模式,但为什么有些例子将 JQuery作为参数传递给你:
  1. Namespace.AppName = (function ($) {
  2. // Code Here
  3. })(jQuery);

如果我没有传入JQuery,我仍然可以通过在模块内部进行$()调用来使用Jquery库.那么为什么有些人这样做呢?

解决方法

这里的想法是你将jQuery作为$传递给inside函数,确保$IS jQuery.这通常用于保护使用$的代码,尤其是在使用jQuery以及其他使用$mootools的库时.

例如,如果您在< head>中使用此代码

  1. <!--load jQuery-->
  2. <script src="jquery.js"></script>
  3.  
  4. <script>
  5. //"$" is jQuery
  6. //"jQuery" is jQuery
  7. </script>
  8.  
  9. <!--load another library-->
  10. <script src="anotherlibrary.js"></script>
  11.  
  12. <script>
  13. //"$" is the other library
  14. //"jQuery" is jQuery
  15.  
  16. //out here,jQuery code that uses "$" breaks
  17.  
  18. (function($){
  19. //"$" is jQuery
  20. //"jQuery" is jQuery (from the outside scope)
  21.  
  22. //in here,jquery code that uses "$" is safe
  23.  
  24. }(jQuery));
  25.  
  26. </script>

猜你在找的jQuery相关文章