(function($) {...})(jquery);这种定义方式是什么意思?

1个回答

  • 我们从js的函数执行逆回去才能看清他的执行过程.

    如果有一个带一个参数的函数a(这里先不定义函数a,就是假设已经有了)

    那么他执行就是

    a(b);

    这种样式.

    我们还知道,js的匿名函数很强大,

    var c=function(paramC){...};

    那么c(paramCobj);就是执行了这个匿名函数.

    所以,就刚才的a(b);来说,a可以是匿名函数.

    a=function(paramA){...};

    a(b);

    有可能就是这个结构.

    好了,jquery连第一步都省了,直接使用没有名称的匿名函数.

    那么a(b);这里的a,就被替换成了匿名函数,所以就成了

    (function(paramA){...})(b);(匿名函数在js中因为也是对象,所以需要双括号包裹起来)

    这个结构就说明了,我使用了匿名函数,并且立刻执行这个匿名函数.

    再分析(function(paramA){...})(b)这种格式,匿名函数部分参数paramA是个形参,用在匿名函数内部作为值的调用,而b这个参数就是个实参,是将b这个值代入到函数内部.

    我说的算是比较浅显易懂了.

    大部分时候,(function($) {...})(jquery);所在的上下文环境中,肯本没有jquery这个参数,所以在jquery匿名函数内,他会自己创建jquery对象.

    你的信息已回复.

    我这里再简要说明下,

    (function($) {...})(jquery);

    a=function($) {...};

    a(jquery);

    等价.

    所以,这种写法就是为了让匿名函数立即执行.