本文解決的問題是 :運(yùn)用for..of..循環(huán)時，edge瀏覽器報Object doesn't support property or method 'symbol.iterator'問題 以及 符號迭代器（symbol.interator）是什么類型的問題

在ES6中新加了一種數(shù)據(jù)類型Symbol,在es5中只有六種基本數(shù)據(jù)類型（undefined number null boolean string Array）和一種復(fù)雜的數(shù)據(jù)類型（object）
簡單了解：symbol的值通過symbol函數(shù)生成，symbol類型是保證每個屬性的名字都是獨(dú)一無二的，對于一個對象由多個模塊構(gòu)成的情況非常有用。
###在edge瀏覽器中瀏覽代碼塊中含有for ..of..循環(huán)的頁面時，瀏覽器會報錯Object doesn't support property or method 'symbol.iterator'

因?yàn)橥ㄟ^document.querySelectorAll()和document.getElementsByTagName()或者document.getElementsByClassName()選中的元素集合，并不是標(biāo)準(zhǔn)的Array類型，通過（） instanceof Array 為false可以判斷，
通過在控制臺打印的結(jié)果可以得到，document.querySelectorAll()得到的object.__proto__為NodeList類型，

此時，需要將Array的symbol.iterator的值賦給Node List的symbol.iterator
NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
對應(yīng)的通過document.getElementsByTagName或者document.getElementsByClassName()得到的object.__proto__為HTMLCollection類型

此時，需要將Array的symbol.iterator的值賦給HTMLCollection的symbol.iterator，
HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
這時就可以在edge瀏覽器運(yùn)行了；

文章借鑒了阮一峰大神的(http://es6.ruanyifeng.com/#docs/iterator)

轉(zhuǎn)載于:https://www.cnblogs.com/oxiaojiano/p/7503960.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的关于querySelector 和 document.getElementsByTagName 选中集合问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。