jQuery实现原理 - Githubissues

从以下几个点来说明：

jQuery用匿名函数自调用的方式创建了一个闭包，将自己定义的变量和函数，方法等变成局部变量和函数，防止产生冲突；
虽然说jQuery将其自己开发的代码封装成了局部变量，但是我们在全局环境中还是能使用$()方法，这是因为jQuery将其写成window对象的jQuery属性，暴露给全局；
```
window.jQuery = window.$ = jQuery; 
```
jQuery中的重点就是选择器功能，也就是我们常用的jQuery()，即$()，jQuery()是一个函数调用，调用的结果返回了一个jQuery实例对象。但是jQuery无需我们用new手工实例化，它会自动返回一个实例，要实现这一点，最直接的思路就是定义这样一个函数：
```
var jQuery = function (){
   return new jQuery();//每次调用jQuery()返回一个jQuery的实例对象
}
jQuery.prototype = {
   //在这里定义方法
};
```
但是这样做的问题是出现死循环。最简单的解决办法是借助另一个构造函数：
```
var init = function (){};//创建init作为构造函数
init.prototype = {
//属性和方法写在init的原型对象中
}
var jQuery = function (){
 return new init;//每次调用jQuery()返回一个init的实例
}
```
但是jQuery的作者并没有这么做，可能是出于某种技术洁癖或者其他原因，init被定义在了jQuery函数的原型中，源码如下：（首先jQuery原型将用fn来代替，这样可以少些一些字母，其次为了防止产生上述问题，这里借用了一个init函数）
```
//构建jQuery对象
var jQuery = (function (){
   var jQuery = function (selector, context){
           return new jQuery.fn.init(selector, context, rootjQuery);
   }
})
//jQuery对象原型
jQuery.fn = jQuery.prototype = {
   constructor: jQuery,
   init: function (selector, context, rootjQuery){
          //something to do
   }
};
jQuery.fn.init.prototype = jQuery.fn; 
```
通过init作为中转站，最终return出一个jQuery实例。 题外话： 这里强调一下构造函数：当函数调用表达式前出现了关键字new，这个函数就成了构造函数，此时会依次发生四件事：
1. 首先一个空对象（又称实例）被创建出来了。
2. 该空对象继承构造函数的原型中的属性和方法。这也是为什么要把方法都写在构造函数的prototype里。
3. 该空对象被赋值给构造函数内部的this对象。
4. 执行构造函数。如果构造函数中显式的返回了一个对象，那么new出的就不再是新创建的空对象，而是return指定的对象。否则一律返回新建空对象。

huandie2012 / blog

jQuery实现原理 #25

从以下几个点来说明：