Jquery总体架构
第一章 总体架构
1、设计理念
Jquery的理念就是“写更少的代码，做更多的事”，而且做到代码的高度兼容性。
2、总体架构
大致可以分为三个部分：构造模块，底层支持模块和功能模块。
3、使用自调用匿名函数
这里先分析一下匿名函数：
匿名函数的作用是创建一块封闭区域，外面不能够访问里面的变量和方法，有两种比较常见的写法：
写法一：(function(){
...
}())
写法二：(function(){
...
})()
除了这两种写法之外还有很多写法，可以参考js自调用匿名函的N种写法
Jquery采用这种方式就是为了创建一个封闭的作用域，以免受到其他代码影响或者影响其他代码，保持独立性。
自调用匿名函数也是可以传递参数的，Jquery传递了两个参数 window和undefined首先都是可以方便压缩，例如在jquery.min.js分别用a，b代替这两个参数
再者就是window是js的全局变量，引入到Jquery的作用域后就变成了局部变量这样在访问时就不用退出Jquery的作用域查找了，这里涉及到js作用域链的知识，举个小例子说明一下
var a=‘a‘;
(function b(){
var c=‘c‘;
console.log(c);
console.log(a);
}())
console.log(a); //输出‘a’
//console.log(c); //报错 c未声明的变量
这里我在全局和函数和局部变量里面里面分别声明了两个变量，当在全局访问时局部变量不能识别，在局部访问时都能识别。当执行访问一个变量的代码时，会首先在当前同级作用域内搜索，如果搜索不到就会向上一级作用域搜索直到找到为止。所以在函数b里面访问的两个变量的执行效率是不同的，变量c在b的作用域里面直接找到，变量a不在b的作用域里面所以向上查找到window（全局变量）下的a输出了结果。如果我们把上述代码改动一下变成这样：
var a=‘a‘;
(function b(a){
var c=‘c‘;
console.log(c);
console.log(a);
}(a))
//console.log(a); //输出‘a’
//console.log(c); //报错 c未声明
结果一样但是效率却提高了，因为a已经在b的作用域内不需要向上查找了，这就是为什么Jquery这样做的原因,是不是很值得我们学习啊！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
