我为了研究jquery的源码,git clone
了整个jquery项目,生成了jquery.js
之后,在test/index.html
中引用,并在浏览器中打开test/index.html
:
<script src="../dist/jquery.js"></script>
为了研究sizzle选择器,我在function Sizzle()
加了一句console.log:
function Sizzle(selector, context, results, seed) {
console.log('selector', selector)
var m, i, elem, nid, nidselect, match, groups, newSelector,
newContext = context && context.ownerDocument,
我想的是,jquery自带的测试肯定会跑选择器相关的测试吧,选择器的功能跑起来肯定会进到function Sizzle()
里的把,那我在这里console.log
一下,不就知道这个参数selector
可能会是什么类型,都有哪些值了。
别笑,我就是用这个方法研究zepto源码的,其实对于理解某个function,速度还是相当快的。
我现在的问题是,我把jquery的测试跑起来(就是在浏览器中打开test/index.html
),控制台没有打印selector,为什么没打印呢?
你只是打开html文件,浏览器也只是解析执行一下jquery.js,检查有没有语法错误。你并没有调用这个函数,当然不会打印啊,你在控制台输入一个$('div')你看看就打印出来了。