jQuery选择器源码解读(五):tokenize的解析过程(2)

第四次for循环:从Expr.filter中取出第四个元素"CHILD"赋给type变量,执行循环体代码。
同样,由于当前剩余选择器不是CHILD选择器,故结束本次循环。

第五次for循环:从Expr.filter中取出第五个元素"PSEUDO"赋给type变量,执行循环体代码。

复制代码 代码如下:


   if ((match = matchExpr[type].exec(soFar))
     && (!preFilters[type] || (match = preFilters[type]
       (match)))) {

match = matchExpr[type].exec(soFar)的执行结果如下:
[":not(.class:contain('span')):eq(3)", "not", ".class:contain('span')):eq(3", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]

由于存在preFilters["PSEUDO"],故执行其后的代码:

复制代码 代码如下:


match = preFilters[type](match) 

preFilters["PSEUDO"]代码如下:

复制代码 代码如下:


"PSEUDO" : function(match) {
 var excess, unquoted = !match[5] && match[2];

if (matchExpr["CHILD"].test(match[0])) {
  return null;
 }

if (match[3] && match[4] !== undefined) {
  match[2] = match[4];
 } else if (unquoted
   && rpseudo.test(unquoted)
   && (excess = tokenize(unquoted, true))
   && (excess = unquoted.indexOf(")", unquoted.length
     - excess)
     - unquoted.length)) {

match[0] = match[0].slice(0, excess);
  match[2] = unquoted.slice(0, excess);
 }

return match.slice(0, 3);
}

传入的match参数等于:

复制代码 代码如下:


[":not(.class:contain('span')):eq(3)", "not", ".class:contain('span')):eq(3", undefined, undefined, undefined, undefined, undefined

复制代码 代码如下:


unquoted = !match[5] && match[2] 

unquoted = ".class:contain('span')):eq(3"

复制代码 代码如下:


if (matchExpr["CHILD"].test(match[0])) { 
    return null; 
}

match[0] = ":not(.class:contain('span')):eq(3)",不匹配matchExpr["CHILD"]正则表达式,不执行return null语句。

复制代码 代码如下:


if (match[3] && match[4] !== undefined) { 
    match[2] = match[4]; 

由于match[3]和match[4]都等于undefined,故执行else的语句体。

复制代码 代码如下:


else if (unquoted 
        && rpseudo.test(unquoted) 
        && (excess = tokenize(unquoted, true)) 
        && (excess = unquoted.indexOf(")", unquoted.length - excess) - unquoted.length) 

此时,unquoted = ".class:contain('span')):eq(3",为真,而且由于unquoted含有:contain('span'),与正则表达式rpseudo匹配,故rpseudo.test(unquoted)为真,然后再次调用tokenize对unquoted再次解析,如下语句:

复制代码 代码如下:


excess = tokenize(unquoted, true) 

此次调用tokenize函数时,传入的selector参数等于".class:contain('span')):eq(3",parseOnly等于true。函数体内执行过程如下:

复制代码 代码如下:


soFar = selector; 

soFar = ".class:contain('span')):eq(3"
第一次进入while循环时,由于matched还未被赋值,所以执行if内的如下语句体,该语句将初始化tokens变量,同时,将tokens压入groups数组。

复制代码 代码如下:


groups.push(tokens = []); 

之后,进入for语句。

第一次for循环:从Expr.filter中取出第一个元素"TAG"赋给type变量,执行循环体代码。

复制代码 代码如下:


if ((match = matchExpr[type].exec(soFar)) 
        && (!preFilters[type] || (match = preFilters[type] 
                (match)))) { 

由于当前剩余选择器不是TAG选择器,故结束本次循环。
第二次for循环:从Expr.filter中取出第二个元素"CLASS"赋给type变量,执行循环体代码。

match = matchExpr[type].exec(soFar)的执行结果如下:

match = ["class" , "class"]

由于不存在preFilters["CLASS"],故执行if内语句体。

复制代码 代码如下:


matched = match.shift(); 

移除match中的第一个元素class,并将该元素赋予matched变量,此时matched="class",match = ["class"]

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgjpwf.html