现在我们来从全局上来解析一下jQuery这个框架,他的代码全局上可以解析为
//1使用沙箱模式防止全局变量的污染
(function(window){
//3.定义工厂函数
function jQuery(){
return new jQuery.fn.init();
};
//4.置换原型
jQuery.fn=jQuery.prototype=function(){
constructor:jQuery,
};
//5.创建构造函数
var init=jQuery.fn.init=function(){
}
//6.改变构造函数的原型
init.prototype=jQuery.prototype;
//2暴露全局的函数
window.$=window.jQuery=jQuery;
}(window));
具体的步骤我已经放到代码里了现在我们来解析一下这个代码
1.使用沙箱模式,别觉得沙箱模式特别牛其实说白了就是一个自调用的函数而已,这样做的好处就是防止全局污染。
2.暴露全局变量,这里也涉及到一个很简单的原理就是,所以申明的全局变量全是window的属性。
3.工厂函数有一个好处就是不用new来创建直接调用函数就好了!