本文解決的問題是 :運(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類型是保證每個屬性的名字都是獨一無二的,對于一個對象由多個模塊構(gòu)成的情況非常有用芯杀。
在edge瀏覽器中瀏覽代碼塊中含有for ..of..循環(huán)的頁面時端考,瀏覽器會報錯Object doesn't support property or method 'symbol.iterator'
因為通過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)