- 1、本文档共4页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jQuery.js执行过程分析
JavaScript是一门基于对象的语言,而它的对象技术的实现又和其他语言有着很大的差异,在JavaScript中,一个类的定义一般采用下面这种模式(我所看到的):
//?定义一个构造函数;testClass(param1,?param2)?{??this.attr1?=?param1;??this.attr2?=?param2;??...}//?在prototype对象上扩展,加上相应的方法;testCtotype?=?{??Method1:?function()?{...},??Method2:?function()?{...},??...}//?定义一个实例;var?test?=?new?testClass();
在jQuery.js中,同样也是这种模式,只不过它要复杂很多,而且它还定义了一个jQuery.extend()的静态方法来扩展类的功能,jQuery.js代码执行过程完整分析如下:
//?防止多次载入而进行jQuery对象的判断;if?(?typeof?window.jQuery?==?undefined?)?{??window.undefined?=?window.undefined;??//?jQuery的构造函数;??var?jQuery?=?function(?a,?c?)?{?...?};??//?jQuery的命名空间$;??if?(?typeof?$?!=?undefined?)?jQuery._$?=?$;??var?$?=?jQuery;??//?给jQuery的prototype增加一些基础方法和属性;??//?其中有些方法是调用下面的扩展方法实现的;??//?注意下面的jQuery.fn?=?jQtotype;??jQuery.fn?=?jQtotype?=?{????each:?function(?fn,?args?)?{?...?},????find:?function(?t?)?{?...?},????...??};??//?jQuery实现继承的方法;??jQuery.extend?=?jQuery.fn.extend?=?function(?obj,?prop?)?{...};??//?实现一些基础的函数,有大部分是上面调用;??jQuery.extend({????init:?function()?{?...?},????each:?function(?obj,?fn,?args?)?{?...?},????find:?function(?t,?context?)?{?...?},????...??});??//?浏览器版本的检测;??new?function()?{????jQuery.browser?=?{?safari:...,?opera:...,?msie:...,?mozilla:...?};????...??};??//?jQuery.macros扩展,主要用于jQuery.init(),进行jQuery的初始化;??jQuery.macros?=?{????filter:?[?...?],????attr:?{?...?},????each:?{?...?},????...??};??//?jQuery初始化;??jQuery.init();??//?实现jQuery的重要方法ready();??jQuery.fn.extend({????ready:?function(?f?)?{?...?}????...??};??//?上面ready()方法的具体实现;??jQuery.extend({????ready:?function()?{?...?},????...??};??//?对浏览器某些事件进行绑定和解绑定;??new?function()?{????...????jQuery.event.add(?window,?load,?jQuery.ready?);??};??//?当IE浏览器关闭时,清除上面绑定的事件,防止内存泄漏;??if?(?jQuery.browser.msie?)?jQuery(window).unload(?...?);??//?实现一些浏览器效果;??jQuery.fn.extend({????show:?function(?speed,?callback?)?{?...?},????hide:?function(?speed,?callback?)?{?...?},????...??};??//?上面的一些函数具体实现;??jQuery.ext
文档评论(0)