jQuery/Sizzle checkContext 内存泄漏

Question

在 DevTools 中使用“配置文件”调试我的应用时，我发现“分离的 DOM 树”正在累积。这些分离的节点具有主要由checkContext 函数组成的保留树（来自sizzle 内部jQuery - v1.10.1）。

我不确定如何进行此操作。这个结果是什么意思？

Answer 1

Sizzle 将编译的选择器存储在选择器缓存中，默认情况下最多存储 50 个条目。您可以在进行任何选择之前通过设置$.expr.cacheLength = 1 进行试验，看看它们是否会消失。

这是文档https://github.com/jquery/sizzle/wiki/Sizzle-Documentation#-internal-api。似乎是内部的，所以不要依赖它或实际生产代码中的任何东西。

Answer 2

这实际上是一个错误，Sizzle 没有理由需要挂在上下文节点上，它只是这样做，因为它在设置临时变量后没有清理。我提交了issue for it，修复了它，运行了所有的 Sizzle 测试，并提出了拉取请求。

如果您想修补现有的 jQuery 或 Sizzle 副本：

1. 打开您的 jQuery 或 Sizzle 文件

2. 搜索matcherFromTokens函数

3. 在其中找到这段代码（靠近顶部）：

   matchers = [ function( elem, context, xml ) {
       return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
           (checkContext = context).nodeType ?
               matchContext( elem, context, xml ) :
               matchAnyContext( elem, context, xml ) );
   } ];
   

4. 将return改为var rv =，并在匿名函数末尾添加checkContext = undefined;和return rv;，例如：

   matchers = [ function( elem, context, xml ) {
       var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
           (checkContext = context).nodeType ?
               matchContext( elem, context, xml ) :
               matchAnyContext( elem, context, xml ) );
       // Release the context node (issue #299)
       checkContext = null;
       return ret;
   } ];
   

注意：该代码将null 分配给checkContext，因为显然这是他们的风格。如果是我，我会指定undefined。

如果在拉取请求/合并过程中提出的修复有任何问题，我会更新答案。

最好继续让 Sizzle 缓存选择器，因为 jQuery 使用带有事件委托的已编译选择器的东西，而且你真的不希望它每次发生相关事件时都必须重新解析和重建匹配器函数以便它可以计算判断元素是否匹配。

---

不幸的是，这不是 jQuery 保留已编译选择器中元素的唯一位置。它所做的每个地方都可能是一个可以使用修复的错误。我只有时间去追踪另一个，我也报告并修复了（等待拉取请求被登陆）：

如果您搜索 “Potentially complex pseudos”，您会找到 :not 伪选择器：

pseudos: {
    // Potentially complex pseudos
    "not": markFunction(function( selector ) {
        // Trim the selector passed to compile
        // to avoid treating leading and trailing
        // spaces as combinators
        var input = [],
            results = [],
            matcher = compile( selector.replace( rtrim, "$1" ) );

        return matcher[ expando ] ?
            markFunction(function( seed, matches, context, xml ) {
                var elem,
                    unmatched = matcher( seed, null, xml, [] ),
                    i = seed.length;

                // Match elements unmatched by `matcher`
                while ( i-- ) {
                    if ( (elem = unmatched[i]) ) {
                        seed[i] = !(matches[i] = elem);
                    }
                }
            }) :
            function( elem, context, xml ) {
                input[0] = elem;
                matcher( input, null, xml, results );
                return !results.pop();
            };
    }),

问题出在条件运算符中:之后的函数中：

function( elem, context, xml ) {
    input[0] = elem;
    matcher( input, null, xml, results );
    return !results.pop();
};

请注意，它永远不会清除 input[0]。这是修复：

function( elem, context, xml ) {
    input[0] = elem;
    matcher( input, null, xml, results );
    // Don't keep the element (issue #299)
    input[0] = null;
    return !results.pop();
};

这就是我目前有时间追查的全部内容。