jQuery源码分析

一、jQuery如何做到不污染变量名并暴露出 $ 供用户使用

jQuery将变量和代码写进立即执行函数，通过函数来包裹所有的变量和方法，再在这个立即执行函数上将 jQuery方法绑定到window上，就可以让用户使用到jq方法了。

二、jQuery是如何做到 jQuery == $ 的？

(function (){
    var a = 123;
    function jQuery(sizzle){
        //...
    }
    
    window.jQuery = window.$ = jQuery;
})()

三、jquery的构造

jq在内部 new 一个自己的init函数，这个initial的函数的原型又指向jq，这样用户每次使用 $('selector') 都会返回一个新new出来的jq对象；

将初始化函数init挂到jq原型上，这个初始化函数init的原型又指向jq的原型。

//模拟
function jQuery(some) {
    return new jQuery.prototype.init(str);
}
jQuery.fn = jQuery.prototype = {
    init: function (some){
        // dosome
        return this;
    },
    func1: function() {
        //...
        return this;
    }
}

jQuery.prototype.init.prototype = jQuery.prototype;

//实际
jQuery = function (selector, context) {
	return new jQuery.fn.init(selector, context);
},
jQuery.fn = jQuery.prototype
init = jQuery.fn.init
init.prototype = jQuery.fn;