jQuery的框架介绍_jquery

下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~

--------------------------

jQuery一开始使用匿名立即执行函数包裹其内部，并在第5行对外暴露；

所谓的匿名立即执行函数即这个函数是匿名的（没有名字）、定义完后立即调用的；

当我们在外部调用$("div")时，其实调用的就是内部的jQuery("div")；

--------------------------

好，接下来稍复杂点，下面的代码主要实现如图的互相引用：

以$('div')调用为例：

从第2行代码可以看出，jQuery使用jQuery.prototype.init来实例化jQuery对象，但这会带来一个问题：

实例化的对象只能访问到init下的变量，而不能访问到jQuery.prototype（jQuery对外提供的API绑定在该对象下）。

于是乎，补写第21行代码，将init.prototype指向jQuery.prototype即可。

这样就完成了，使用init来实例化，且可以在init作用域下访问到jQuery.prototype。

为什么使用jQuery.prototype.init来实例化对象，而不直接使用jQuery函数呢？

假设使用jQuery函数来实例化对象，这样对象之间的引用的确可以简化为 jQuery-->jQuery.prototype。

但是调用会变得繁琐起来：new $('div')，所以基于这个考虑（猜测(⊙０⊙)），在内部使用较为复杂的实现，来简化调用。

--------------------------

好，最后，再来看一下init的实现。同样也简化了代码，只实现了最常用的一种情况。

jQuery会把获取到的nodeList处理成数组（方便后续使用），并在其下挂载一些变量，如length,selector。

本文所述到此结束，下篇文章将给大家介绍jQuery链式调用与show知识浅析，欲了解更多资讯敬请关注脚本之家网站！