缩小的 jquery 函数“m”有什么作用？

Question

我正在我网站上的页面上运行分析器，当我在输入屏蔽 SSN 字段中键入三个字符时，函数“m”运行了 1.2 秒。试图弄清楚正在调用的函数是什么，以便我可以在代码中找到它并查看它为什么运行这么长时间。

我注意到的一件事是页面上的元素越多，运行所需的时间就越长。

这是来自 jquery 的函数：

m = function(b, e, f, g) {
    e = e || c;
    if (!g && !m.isXML(e)) {
        var h = /^(\w+$)|^.([\w-]+$)|^#([\w-]+$)/.exec(b);
        if (h && (e.nodeType === 1 || e.nodeType === 9)) {
            if (h[1]) return s(e.getElementsByTagName(b), f);
            if (h[2] && o.find.CLASS && e.getElementsByClassName) return s(e.getElementsByClassName(h[2]), f)
        }
        if (e.nodeType === 9) {
            if (b === "body" && e.body) return s([e.body], f);
            if (h && h[3]) {
                var i = e.getElementById(h[3]);
                if (!i || !i.parentNode) return s([], f);
                if (i.id === h[3]) return s([i], f)
            }
            try {
                return s(e.querySelectorAll(b), f)
            } catch (j) {}
        } else if (e.nodeType === 1 && e.nodeName.toLowerCase() !== "object") {
            var k = e,
                l = e.getAttribute("id"),
                n = l || d,
                p = e.parentNode,
                q = /^\s*[+~]/.test(b);
            l ? n = n.replace(/'/g, "\$&") : e.setAttribute("id", n), q && p && (e = e.parentNode);
            try {
                if (!q || p) return s(e.querySelectorAll("[id='" + n + "'] " + b), f)
            } catch (r) {} finally {
                l || k.removeAttribute("id")
            }
        }
    }
    return a(b, e, f, g)
};

Answer 1

由于您已经知道它来自 jQuery 1.7.1，因此您可以简单地检查它的源代码并寻找缩小代码的显着模式，例如正则表达式、.isXML 方法或众多 DOM 属性之一。您很快就会发现它是 Sizzle function，它是 jQuery 的 Sizzle 选择器引擎的入口点。

如果这个函数占用了你太多的运行时间，这可能暗示你 a) 运行旧的浏览器 b) 使用了过于复杂的 DOM 选择器 c) 在你的代码中使用了太多的选择。