javascript - CSSRuleList遍历，错误不可迭代

Question

for(var ss of document.styleSheets){  
  for(var cssrule of ss.cssRules){continue;}}

document.styleSheets 是 StyleSheetList 类型，它有一个 [Symbol.iterator] 所以它是可迭代的。它由许多 CSSStyleSheet 对象填充，这些对象具有指向 CSSRuleList 的 cssRules 属性，该 CSSRuleList 具有 [Symbol.iterator]，因此它也应该是可迭代的。

理论上，代码应该可以工作，但它会抛出错误(“ss.cssRules not iterable”)，这是预期的行为吗？

Answer 1

发生错误的原因是 cssRules 可能为 null 或 undefined 因此不可迭代，因此在内部 for of 之前添加 null 检查。

for(var ss of document.styleSheets){
  if(ss.cssRules){
    for(var cssrule of ss.cssRules){
      continue;
    }
  }
}