jQuery中(function($){})(jQuery)详解_jquery-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 15:50:28

原创

1343人浏览过

简单的说

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

EasyUI中文学习教程 DOC版

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。本平台提供EasyUI中文学习教程下载，需要的朋友们可以下载！