jquery源程序研究1
2013-12-23 14:31
162 查看
(function($) { $.fn.extend({ fixedTblHdrLftCol: function(options) {
XXXXXXXXX; } }); })(jQuery);
这是一段jquery插件的代码,本人在看到这段代码的时候脑子一片浆糊,于是决心看懂它。花了点时间,终于大差不差懂了。以下是对它的分析:
首先我要讲下js闭包,下面这段从网上荡的讲解描述的很清楚,大家可以看下
先从闭包特点解释,应该更好理解. 闭包的两个特点: 1、作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态。 2、一个闭包就是当一个函数返回时,一个没有释放资源的栈区。 其实上面两点可以合成一点,就是闭包函数返回时,该函数内部变量处于激活状态,函数所在栈区依然保留. 我们所熟知的主流语言,像C,java等,在函数内部只要执行了return,函数就会返回结果,然后内存中删除该函数所在的区域.生命周期也就停止了.一般的js函数也是这样. 但是有闭包特性的js函数有点特殊. 就例子来说: function a(){ var i=0; function b(){ alert(++i); } return b; } var c = a(); c(); 这是个标准的闭包.在函数a中定义了函数b,a又return了b的值.这些可以先不管. var c = a(); c(); 这两句执行很重要. 在var c = a();这行里,执行了a函数,那么肯定a经过了return.按照主流语言的函数特性,现在c的值就是a的返回值. 第二行c()的执行实际执行的就是b函数.最后不管执行的是谁,会弹出一个值为0的窗口,到此为止,所有的生命周期按理论来说就算全部结束了. 可是,如果我们再多执行一行. var c = a(); c(); c(); 第一次弹出0,第二次执行却弹出了1. 也就是说,第一次c()后,a中的i依然保留.自然a在内存的栈区依然保留. a是return过了,但是,a及内部值却依然存在,这就是闭包. 好了,总结下, 1,闭包外层是个函数. 2,闭包内部都有函数. 3,闭包会return内部函数. 4,闭包返回的函数内部不能有return.(因为这样就真的结束了) 5,执行闭包后,闭包内部变量会存在,而闭包内部函数的内部变量不会存在. 闭包的应用场景(呵呵,复制的参考资料) 1、保护函数内的变量安全。以最开始的例子为例,函数a中i只有函数b才能访问,而无法通过其他途径访问到,因此保护了i的安全性。 2、在内存中维持一个变量。依然如前例,由于闭包,函数a中i的一直存在于内存中,因此每次执行c(),都会给i自加1。 根据参考资料的应用场景,我们会自然的想到java或是c++的类.虽然JS没有类的概念,但是有了类的相似执行结果. 另外,还有一种格式颇受争议: (function(a,b))(a,b); 如果你使用过jquery,并且观察过他的代码,你就会很奇怪他的写法,网上有人也把这种格式叫做闭包.
闭包看懂了,现在再来看jquery插件的写法:(function(a,b))(a,b);这是种闭包,但同时也是个匿名函数,之所以用括号把函数括起来,还在后面加一个括号是为了调用这个匿名函数,这样写的好处是函数里的变量不对外开放。
$.fn.extend(add:function(){})是让jquery的对象增加add()方法。
jquery的写法看起来怪异,看懂了,也就那么回事。不过真要我写,我是写不出来的。
相关文章推荐
- jquery 中查找函数parent ,parents,find和children的一点研究
- 关于HTML5、Jquery、Phonegap跨域问题的研究
- jquery 导航代码,兼容IE6,IE7,FF,OPREA,谷歌。自己修改其的BUG,特此保存以后研究。 (转)
- 关于 HTML5、Jquery、Phonegap 跨域问题的研究
- 原生AJAX和JSON技术(此文仅仅是进行原生AJAX讨论,适应于初学者研究,不适应与有一定基础的。建议有基础的使用jQuery完成)
- Jquery插件研究:Ajax File Upload
- Jquery插件研究:Ajax File Upload
- jquery的on、off、one、bind、delegate、live、die绑定事件方法研究
- Jquery插件研究:Ajax File Upload
- Jquery插件研究:Ajax File Upload
- jQuery 研究心得 取得属性的值
- 关于HTML5、Jquery、Phonegap跨域问题的研究
- 舍WebServic“.NET研究”e 用.NET4中jQuery调用WCF
- jQuery源码研究分析学习笔记-静态方法和属性(10)
- 一棵树,从jquery到Ext 的研究
- JQuery插件开发研究
- JavaCC 研究与应用( 8000字 心得 源程序)
- jQuery 1.7.1 代码研究
- BIND?LIVE?DELEGATE?还是ON?–JQUERY事件绑定方法研究
- zepto源码研究 - deferred.js(jquery-deferred.js)