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

2019-11-20 12:02:57

字体：大中小

来源：转载

供稿：网友

简单的说

(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武装到牙齿了，连字符串都缓存，看不出多大效果、

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