jquery 源码分析九 - Sizzle

最近一直在搞毕设，实在是没时间写博客了，零碎的时间看代码进度也不快，所以写博客一拖再拖了，今天先补一篇上来。。。

在上次写得setDocument以后，紧接着的是一些零碎的功能函数

Sizzle.matches = function( expr, elements ) {
    return Sizzle( expr, null, null, elements );
};

Sizzle.matchesSelector = function( elem, expr ) {
    // 设置document以防万一
    if ( ( elem.ownerDocument || elem ) !== document ) {
        setDocument( elem );
    }

    // 确保属性值被引号包裹
    expr = expr.replace( rattributeQuotes, "='$1']" );

    if ( support.matchesSelector && documentIsHTML &&
        ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
        ( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {

        try {
            var ret = matches.call( elem, expr );

            // 在IE9下matchesSelector会返回false(在IE10+情况下，开发者模式调到IE9,8是正常的，IETester下返回false)
            if ( ret || support.disconnectedMatch ||
                    // 同样的，在IE9下，这种无关节点被认为是在文档片段中
                    elem.document && elem.document.nodeType !== 11 ) {
                return ret;
            }
        } catch(e) {}
    }

    return Sizzle( expr, document, null, [elem] ).length > 0;
};

Sizzle.contains = function( context, elem ) {
    // 设置document
    if ( ( context.ownerDocument || context ) !== document ) {
        setDocument( context );
    }
    return contains( context, elem );
};

Sizzle.attr = function( elem, name ) {
    // 设置document
    if ( ( elem.ownerDocument || elem ) !== document ) {
        setDocument( elem );
    }

    var fn = Expr.attrHandle[ name.toLowerCase() ],
        // 防止取到Object.prototype里的属性 (jQuery #13807)
        val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
            fn( elem, name, !documentIsHTML ) :
            undefined;
    
    return val !== undefined ?
        val :
        support.attributes || !documentIsHTML ?
            elem.getAttribute( name ) :
            (val = elem.getAttributeNode(name)) && val.specified ?
                val.value :
                null;
};

Sizzle.error = function( msg ) {
    throw new Error( "Syntax error, unrecognized expression: " + msg );
};

在这边，Sizzle.matches和Sizzle.matchesSelector在最后都是以return Sizzle( expr, null, null, elements )形式返回的，由于在Sizzle中，在第四项有值时，就会跳过一个大的if语句块

if ( documentIsHTML && !seed ) {
}

然后会直接跳到最后执行select函数

return select( selector.replace( rtrim, "$1" ), context, results, seed );

对于select函数，先放一下。。。等看到的时候再分析。。。

接下来的是一个主要剔除重复+排序的函数，源码如下：

Sizzle.uniqueSort = function( results ) {
    var elem,
        duplicates = [],
        j = 0,
        i = 0;

    // 默认确实有重复
    hasDuplicate = !support.detectDuplicates;
    sortInput = !support.sortStable && results.slice( 0 );
    results.sort( sortOrder );

    if ( hasDuplicate ) {
        while ( (elem = results[i++]) ) {
            if ( elem === results[ i ] ) {
                j = duplicates.push( i );
            }
        }
        while ( j-- ) {
            results.splice( duplicates[ j ], 1 );
        }
    }

    // See https://github.com/jquery/sizzle/pull/225
    sortInput = null;

    return results;
};

在这里一开始先默认确实有重复项，然后在result.sort的时候，用sortOrder来排序，这个函数在setDocument中定义了，其中有一段就是设置hasDuplicate的：

if ( a === b ) {
    hasDuplicate = true;
}

注：hasDuplicate在Sizzle闭包作用域中属于全局变量。

然后是一个拿元素内文本内容的函数，主要调用了textContent，源码如下：

getText = Sizzle.getText = function( elem ) {
    var node,
        ret = "",
        i = 0,
        nodeType = elem.nodeType;

    if ( !nodeType ) {
        // 如果没有nodeType，那么就认为是一个普通数组
        while ( (node = elem[i++]) ) {
            ret += getText( node );
        }
    } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
        // 对于元素用textContent
        // innerText 已被移除
        if ( typeof elem.textContent === "string" ) {
            return elem.textContent;
        } else {
            // 对子节点遍历
            for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
                ret += getText( elem );
            }
        }
    } else if ( nodeType === 3 || nodeType === 4 ) {
        return elem.nodeValue;
    }
    // 排除注释节点

    return ret;
};

它用了一个递归调用的方法，防止注释等节点的混入。

在后面就是一个

Expr = Sizzle.selectors = {
     // .....
}

这里放了许多关于筛选元素的函数，暂时先跳过了。下一篇的话从后面的tokenize开始讲。明后天估计还是要去实验室搬砖，争取在零碎时间多看看源码，早点把下一篇发上来。。。

这篇好像有点短了。。。