jQuery中(function($){})(jQuery)详解_$(function(){}) - CSDN文库

(function($){})(jQuery)

876 浏览量更新于2023-05-28 评论收藏 46KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义，对此有相同困惑的小伙伴

可以参考下本文。

简单的说

(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的事实，因为他是作为参

数被传进去的。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38605967

粉丝: 6
资源: 971

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈