深入浅出jQuery源码浅析--整体架构
Posted JavaScript18
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了深入浅出jQuery源码浅析--整体架构相关的知识，希望对你有一定的参考价值。
本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构：
jQuery 整体架构
不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。
初看 jQuery 源码可能很容易一头雾水，因为 9000 行的代码感觉没有尽头，所以了解作者的行文思路十分重要。
整体而言，我觉得 jQuery 采用的是总--分的结构，虽然javascript有着作用域的提升机制，但是 9000 多行的代码为了相互的关联性，并不代表所有的变量都要定义在最顶部。在 jQuery 中，只有全局都会用到的变量、正则表达式定义在了代码最开头，而每个模块一开始，又会定义一些只在本模块会使用到的变量、正则、方法等。所以在一开始的阅读的过程中会有很多看不懂其作用的变量，正则，方法。
所以，我觉得阅读源码很重要的一点是，摒弃面向过程的思维方式，不要刻意去追求从上至下每一句都要在一开始弄明白。很有可能一开始你在一个奇怪的方法或者变量处卡壳了，很想知道这个方法或变量的作用，然而可能它要到几千行处才被调用到。如果去追求这种逐字逐句弄清楚的方式，很有可能在碰壁几次之后阅读的积极性大受打击。
道理说了很多，接来下进入真正的正文，对 jQurey 的一些前期准备，小的细节进行分析：
jQuery 闭包结构
|
1
以上是关于深入浅出jQuery源码浅析--整体架构的主要内容，如果未能解决你的问题，请参考以下文章 |