Являются ли итераторы HTMLCollection и NodeList?

В ES6 iterable является объектом, который позволяет for... of, и имеет ключ Symbol.iterator.

Массивы являются итерабельными, как и наборы и карты. Вопрос в следующем: HTMLCollection и NodeList iterables? Они должны быть?

Документация MDN, по-видимому, предполагает, что NodeList является итерабельным.

for...of петли будут правильно перебирать объекты NodeList, в браузерах, поддерживающих for...of (например, Firefox 13 и более поздних)

Это похоже на подтверждение поведения Firefox.

Я протестировал следующий код как в Chrome, так и в Firefox, и был удивлен, обнаружив, что Firefox, похоже, считают, что они являются итерабельными, но Chrome этого не делает. Кроме того, Firefox считает, что итераторы, возвращаемые HTMLCollection и NodeList, являются одними и теми же.

var col = document.getElementsByClassName('test'); // Should get HTMLCollection of 2 elems
var nod = document.querySelectorAll('.test');      // Should get NodeList of 2 elems
var arr = [].slice.call(col);                      // Should get Array of 2 elems

console.log(col[Symbol.iterator]);    // Firefox: iterator function, Chrome: undefined
console.log(nod[Symbol.iterator]);    // Firefox: iterator function, Chrome: undefined
console.log(arr[Symbol.iterator]);    // Firefox & Chrome: iterator function
console.log(col[Symbol.iterator] === nod[Symbol.iterator]);  // Firefox: true
console.log(col[Symbol.iterator] === arr[Symbol.iterator]);  // Firefox: false

<div class="test">1</div>
<div class="test">2</div>

Ответы

HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];

NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];