“声讨”高云的《jQuery技术内幕》

1. 前言：

其实本文有点太标题党了，哈哈，见谅。说“声讨”，就是说说我作为一个《jQuery技术内幕》一个忠实读者，读本书的一些想法和建议。

2014年2月20日，我收到了《jQuery技术内幕》，密密麻麻600多页。到今天4月9日，我已经看了400多页（除却sizzle的一部分没看，因为那块实在是看不懂，就先略过）。

我买了书，当时花了大约80元，而且认认真真的看了一大半，后面的部分我还会继续看下去。也算是一个忠实的读者。

 

学习新知识，总是一个痛苦的过程，期间也是痛并快乐着。总结痛苦的原因，一方面解读jQuery源码确实是一个庞大的工程，另一方面，也觉得作者在写书的时候漏掉了许多。

书看了一半多，总是想着写点什么。想来想去，印象最深的，是觉得作者没有给读者一个“台阶”，而是直接拔高到了源码的层面，一行一行的解读、注释。详细解读源码并没有什么不好，但是在解读每行的源码之前，应该想说点什么，把读者带进去。

下面我说几个例子：

 

例1. jQuery('div')到底是个什么对象？

本书一上来就是构建jQuery对象，列出了N中构建jQuery对象的方式，有DOM元素、字符串、函数等等。但是读者看了好大一部分篇幅之后，都不知道这些构建的对象，到底是什么？这些代码的最终结果是什么？到底为谁服务？以及对Jquery对象进行各种操作的时候，由于不明白它的结构而产生迷惑。

恰巧，当时我在看这本书的同时，也正在看miaov.com的视频教程，教程里面的讲师就及早的提到了这一点。例如：

jQuery('div')返回的，其实是一个对象，加入页面中有3个div元素，那么这个对象就会创建“0”、“1”、“2”这三个属性，分别指向这三个DOM对象，length属性记录个数。这样就不会让我们误以为jQuery('div')是一个数组。

我当时问过许多人，jQuery('div')是个什么对象，他们都误以为是一个数组，后来我跟他们说jQuery('div')是一个object，不是数组。

（题外话：jQuery('div')既然是object，那么JSON.stringify(jQuery('div'))会出错，为什么？因为jQuery('div')里面的DOM元素存在着循环引用。）

 

有些人可能会说：那是你自己懒，你不会去chrome中跟踪以下吗？   如果非要那么严格要求读者，就继续看下一例子。

 

例2. 属性操作中，“修正对象”是什么？

记得当时看这一段的时候，我都懵了，从来没接触过“修正对象”这个概念，满篇提到的get，set到底是什么东西？

现在回头再看，这些问题确实迎刃而解，但是当时确实不知道，于是就凑合着往前看，终于看到最后才算明白了，修正对象就是为了解决浏览器兼容性，分离除了的处理浏览器“个性”需求的方法。

一般情况下的html/DOM属性操作，可能通过简单的赋值或者设置就可以完成，但是有一些是需要照顾浏览器个性的，例如浏览器不支持getAttribute()该怎么办，更多例子可参见jQuery.support。jQuery把这些特殊情况，分离出来，集中到一个叫做“修正对象”的对象中，通过设置set和get来操作。因此，在获取一个html/DOM属性时，jQuery会先检查是否符合修正对象里的情况，如果符合就调用get来返回值，如果不符合，就用最基本的操作返回值。

如果本书在该章节前面，加这样一段解释，以例子或者流程图的形式展示更好，先把修正对象、get、set、的意义大体说一遍，让读者心里有个谱，我想读起来会轻松许多。

 

例3. jQuery的事件存储结构是怎样的？

正是我现在看的章节，现在才算稍微明白一点。书中之前介绍过，事件存储在jQuery.cache中，不是直接用div1.onclick=function(){...}的方式。但是写到事件这一章节，没有再深入介绍，即直接上来代码解释了。看它代码中各种取值赋值，看的很难受，不知道从哪里取出，也不知道赋值到哪里去。

我觉得我现在像是个警察再查找一个案件的线索一样，探寻着代码中的蛛丝马迹，再加上自己看一些博客，才算稍微明白点事件的存储结构，待完全明白估计得把这一章看完，然后再重新梳理一遍才行。

            elemData = $.data(div1);    //div1对应的缓存

            handle = elemData.handle;   //主监听函数（统一触发、执行其他函数）

            events = elemData.events;   //elemData.events
            handlers = events["click"]; //click 对应的监听对象数组
            handlers.push(handleObj);   //监听对象数组中存储了若干个监听对象
                                        //handleObj又包含了事件类型、触发函数等等各类信息

另外，还有一个重要信息：事件既然被jQuery给重新规定了格式，那么“事件冒泡”肯定是没有了，怎么办呢？ jQuery在事件执行的时候自己来模拟冒泡，这一点如果不明白，看代码也会遇到许多疑惑。

 

总结：

说了这么多，我想大家也应该明白我的意思了。

《技术内幕》是一本很不错的书，我也很佩服作者的功力，自己看着人家的书，理解都那么费劲，何况作者写书呢。

如果《技术内幕》能够出第二版，希望作者能采纳我的建议，多加一些解释性的东西，多加一些“台阶”。