jQuery中(function($){})(jQuery)详解

前端技术 2023/09/03 JavaScript

简单的说

(function($){
 //code
})(jQuery)

声明了一个匿名函数，也就是将jQuery对象作为参数传给函数

给大家举个例子

// 全局
var str = \"全局字符串...\";
(function () { // 第1层
  (function () { // 第2层
    (function () { // 第3层
      (function () { // 第4层 层数越多，访问全局越慢
        console.time(\'全局\');
        for (var i=0; i<1e6; i++) {
          str += Math.random().toString().substr(2, 2);
        }
        console.timeEnd(\'全局\');
      })();
    })();
  })();
})();
 
// 局部
(function () { // 第1层
  (function () { // 第2层
    (function () { // 第3层
      (function () { // 第4层
        var str = \"内部字符串...\";
        var random = Math.random;
        console.time(\'内部\');
        for (var i=0; i<1e6; i++) {
          str += random().toString().substr(2, 2);
        }
        console.timeEnd(\'内部\');
      })();
    })()
  })();
})();

运行代码 就可以看到效果了，比较慢，骚等片刻。
我刚刚测试发现一些内存小的电脑容易直接导致浏览器崩溃、
chrome武装到牙齿了，连字符串都缓存，看不出多大效果、

和速度应该没关系，我是这么认为的。

(function($){
// code
})(jQuery)

jQuery插件众多，你无法确定自己使用的变量或者方法名不于其他插件重名，所以需要将所有插件代码封装到一个匿名函数当中；

由于插件使用了jQuery所以需要导入jQuery到匿名函数中，同时使用$变量引用（因为大家已经习惯了使用$)。当然你在全局下也可以使用$，但是无法完成第一个条件；
封装的代码必须执行，所以要执行匿名函数同时传入jQuery参数。

总结

其实是为了保护$符号，不管外界是否引入了另外有干扰$的库，都不会干扰匿名函数中$就是jQuery的事实，因为他是作为参数被传进去的。

本文地址：https://www.stayed.cn/item/7705

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案