怎么有效的從種子合集seed里面找到選擇器指定的元素？這里sizzle引入了過濾器，其原理如下：
function addCombinator(elems) {
//代碼右圖所示
}
這里只做了2層過濾查找，但是這個原理其實就很明了從右到左取出對應的條件，然后通過瀏覽器給出的原生的API判斷是否能取到對應的指判斷從而篩選其結果。
過濾處理我們需要考慮的問題:
1 怎么有效的匹配這些選擇器的最小判斷單元，也就是通過詞法分割出后的結果 2 如果處理層級選擇器的判斷問題
如上可見，過濾是通過一層一層往上回溯不斷的循環去查找，這樣雖然結果可以拿到，但是效率是非常低的。所以sizzle從1.8后采用了空間換時間的方式，通過把各種過濾器編譯成閉包的函數，所以這個過程也可說是"編譯函數"。
在Sizzle中過濾器 Expr.filter主要分6大類型
“ID”，“TAG”、“CLASS”、“ATTR”、“CHILD”、“PSEUDO”
ID的過濾器
Expr.filter["ID"] = function(id) {
var attrId = id.replace(runescape, funescape);
return function(elem) {
return elem.getAttribute("id") === attrId;
};
};
TAG類型的過濾器
"TAG": function(nodeNameSelector) {
var nodeName = nodeNameSelector.replace(runescape, funescape).toLowerCase();
return nodeNameSelector === "*" ?
function() {
return true;
} :
function(elem) {
return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
};
},
其實我們看過濾器的就是一個具體的判斷方法，通過傳遞一個上下文元素，來判斷是否存在，得到這一個布爾值，這樣有效了緩存了重復的處理，來節約判斷的過程，下章節就會提到的“函數編譯”中具體集合使用。
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報