首页 > 代码库 > (function($){….})(jQuery)一种js插件写法

(function($){….})(jQuery)一种js插件写法

我们先看第一个括号里边的内容:function($){….},这不就是一个匿名的函数吗?但是它的形参比较奇怪,是$,这里主要是为了不与其它的库冲突。

这样我们就比较容易理解第一个括号内的内容就是定义了一个匿名函数,我们在调用函数的时候,都是函数名后边加上括号以及实参,但是由于操作符的优先级我们定义的匿名函数也需要用()括起来。

 

现在我想大家已经很清楚这句话是什么意思了吧。第一个括号表示定义了一个匿名函数,然后第二个函数表示为该函数传递的参数,整个结合起来意思就是,定义了一个匿名函数,然后又调用该函数,该函数的实参为jQuery。

相当于:function fun($){…};fun(jQuery);

 

这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕。

于此相反的是$(function(){}),这种方法在使用时页面的Dom对象已经加载完毕了。

事实上该方法的全写是:$(document).ready(function(){});

(function($){….})(jQuery)一种js插件写法