HTMLCollections 可以用 for...of (Symbol.iterator) 进行迭代吗？

DOM4 使NodeList https://www.w3.org/TR/dom/#interface-nodelist可迭代：

interface NodeList {
  getter Node https://www.w3.org/TR/dom/#node? item https://www.w3.org/TR/dom/#dom-nodelist-item(unsigned long index);
  readonly attribute unsigned long length https://www.w3.org/TR/dom/#dom-nodelist-length;
  iterable<Node https://www.w3.org/TR/dom/#node>;
};

根据WebIDL https://heycam.github.io/webidl/#idl-iterable， 这意味着

实现声明为可迭代的接口的对象 支持迭代以获得一系列值。

注意：在 ECMAScript 语言绑定中，接口是 iterable 将具有“entries”、“forEach”、“keys”、“values” 和@@迭代器 https://tc39.github.io/ecma262/#sec-well-known-symbols其上的属性接口原型对象 https://heycam.github.io/webidl/#dfn-interface-prototype-object.

因此，以下情况是可能的：

for (var el of document.querySelectorAll(selector)) ...

我注意到 HTMLCollections 似乎同样适用，无论是在 Firefox 还是 Chrome 上：

for (var el of document.getElementsByTagName(tag)) ...

事实上，我得到

HTMLCollection.prototype[Symbol.iterator] === [][Symbol.iterator]; // true

然而，HTML集合 https://www.w3.org/TR/dom/#interface-htmlcollection未定义为可迭代：

interface HTMLCollection {
  readonly attribute unsigned long length https://www.w3.org/TR/dom/#dom-htmlcollection-length;
  getter Element https://www.w3.org/TR/dom/#element? item https://www.w3.org/TR/dom/#dom-htmlcollection-item(unsigned long index);
  getter Element https://www.w3.org/TR/dom/#element? namedItem https://www.w3.org/TR/dom/#dom-htmlcollection-nameditem(DOMString name);
};

我还检查了WHATWG DOM 规范 https://dom.spec.whatwg.org/#interface-htmlcollection而且它也不是可迭代的。

那么，这种行为是否规范呢？是HTMLCollection应该有一个@@iterator在原型中？

我找到了，里面有解释WebIDL https://heycam.github.io/webidl/#es-iterator:

If the 界面 https://heycam.github.io/webidl/#dfn-interface具有以下任一情况：

• an 可迭代声明 https://heycam.github.io/webidl/#dfn-iterable-declaration
• an 索引属性获取器 https://heycam.github.io/webidl/#dfn-indexed-property-getter and an 整数类型 https://heycam.github.io/webidl/#dfn-integer-type 属性 https://heycam.github.io/webidl/#dfn-attribute命名为“长度”
• a 地图式声明 https://heycam.github.io/webidl/#dfn-maplike-declaration
• a 类似集合的声明 https://heycam.github.io/webidl/#dfn-setlike-declaration

那么必须存在一个名为@@迭代器 https://tc39.github.io/ecma262/#sec-well-known-symbols象征， 具有属性 { [[可写]]:true，[[可枚举]]：false, [[可配置]]：true} 其值为 a功能 目的 https://heycam.github.io/webidl/#dfn-function-object. [...]

如果接口定义了一个索引属性获取器 https://heycam.github.io/webidl/#dfn-indexed-property-getter，那么Function对象是%ArrayProto_values% https://tc39.github.io/ecma262/#sec-well-known-intrinsic-objects.

在本例中，HTMLCollections 有一个索引属性 getter：

getter Element https://www.w3.org/TR/dom/#element? item https://www.w3.org/TR/dom/#dom-htmlcollection-item(unsigned long index);

和一个名为“length”的整数类型属性：

readonly attribute unsigned long length https://www.w3.org/TR/dom/#dom-htmlcollection-length;

因此，是的，它应该有效。事实上，它也适用于 NodeList，即使它们没有声明为可迭代的，但这样它们就没有entries, forEach, keys and values特性。正如@lonesomeday提到的，HTMLCollection很可能没有被定义为可迭代的，因为添加这些方法不会向后兼容，因为事实上namedItemgetter 接受任意字符串。