(function($){...})(jQuery)的意义

举报
骁M_M 发表于 2021/06/09 10:26:33 2021/06/09
【摘要】 在js中不方法名的写法(就是匿名函数)//arg则是匿名函数的参数。 function(arg){ // arg是形参 //.... }匿名函数调用的的写法为(function(arg){ // arg是形参 //...})(param)   // param就是传入的实参(传入的参数值)其实就等于var fn = function($){…};fn(jQuery);其实可以...

在js中不方法名的写法(就是匿名函数)//arg则是匿名函数的参数。

 function(arg){   // arg是形参
    //....
 }

匿名函数调用的的写法为

(function(arg){   // arg是形参
  //...
})(param)   // param就是传入的实参(传入的参数值)

其实就等于
var fn = function($){…};
fn(jQuery);

其实可以这么理解,不过要注意的是fn是不存在的

所以(function( ) . . . ) ( j Q u e r y ) 就是定义一个匿名函数 f u n c t i o n ( ){...})(jQuery)就是定义一个匿名函数function( ),函数要求传入的类型是jquery对象。
这里jquery作为实参而不是使用 是为了避免和其他将 是为了避免和其他将 作为标志的函数冲突,$作为形参,只作用于函数内部,不会对外部产生影响。

匿名函数的调用为什么要加小括号
小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实际上小括号对返回的,就是一个匿名函数的Function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。