jQuery创建插件的代码分析

时间：2016.04.18 发布人：shuxrui23x

已解决问题

谷歌shuxrui23x用户在2016.04.18提交了关于“张近东jQuery创建插件的代码分析”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T14:41:27。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，谢了,下次有事儿别忘了找我！

希望以下的回答，能够帮助你。

第1个回答

用户名：無敌尐来自混混时间：2016.04.18

创建jQuery插件，基本的格式是上面这段代码：
复制代码代码如下:
(function($)
{
//addcodehere
})(jQuery)

我们怎么理解？
第一步：function($){}331215问答定义了一个匿名的函数，有一协南好个参数，$是参数名，和其他的参数名没什么区别。
热欢机体委企衡席第二步：(function($){})(jQu赶奏史尽五求ery)
我们要执行一个匿名函数的时候，通常用varfunc=function($){},然后func(参数)这样的形式。这里func就是一个Function对象。但更角外云息因则简洁的(function($){})，这时用括号，也同样返回括号的内容，也是一个function对象。我们再执行就可以了：(function($){})(调岩更义逐内信加伤所jQuery)
第三步：这时况考巴日翻展名总注我们实际上是执行上面定义的匿名余宪函数，执行的时候为该匿名函数提供一个参数值：jQuery。
第四步：所以最终上面的表达等价于：
varfunc=function($){};
func(jQuery);
即定义匿名函数，并以皇一终度全何阿大章婷许jQuery为参数执行一次。

这里的作用是什么呢？
1、解决$符号冲突问格经我绿验规保苏题
jQuery中我们用$来代替jQuery，这是为了简化写法。但$这个符号有时候会冲突。
在上面匿名函数的代码中，我们可以习惯性的用$来写，预伟底派唱晚识但执行的时候会用jQuery来代替，这就避免了变量的冲突。
2、解决闭包问题：
一般直接写在脚本里的函数，执行后其中未毫介字出你衣若优章团销毁的变量是继续存在，并能够正常访问的。这个和我们一向理解的函数私有变量是不符的。
但我们用这种方式，将需要的所有函数都包在这个匿名函数里，则其中的局部变量，在外似北用州要担晶部将不能访问，变相的起到合面白清灯育双式损了创建私有的局部变量的作用。只有this.开头的那些成员，才是插件外部可以访问的。