Mengapa forEach() tidak berfungsi pada querySelectorAll dalam pelayar Microsoft terkini?

forEach pada querySelectorAll Tidak Berfungsi dalam Penyemak Imbas Microsoft Terkini

Kaedah forEach(), walaupun sokongannya meluas, menghadapi beberapa isu apabila digunakan dengan querySelectorAll dalam versi terkini Internet Explorer (11) dan Edge.

Memahami Isu

NodeList dan HTMLCollection, yang merupakan koleksi yang mewakili elemen DOM yang sepadan, tidak mempunyai kaedah forEach() secara asli dalam pelayar Microsoft yang lebih lama. Koleksi ini, walau bagaimanapun, boleh diubah, membenarkan untuk menggelungkannya menggunakan kaedah alternatif seperti for-of.

Menyelesaikan Isu

Polyfilling forEach()

Anda boleh menambah kaedah forEach() secara manual pada NodeList dan HTMLCollection dalam penyemak imbas yang tidak menyokongnya secara asli. Ini ialah penyelesaian yang mudah dan berkesan:

<code class="javascript">if (typeof NodeList !== "undefined" &amp;&amp; NodeList.prototype &amp;&amp; !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}</code>

Polyfilling Iterability

Jika penyemak imbas mempunyai ciri ES2015 tetapi masih tidak mempunyai kebolehubahan NodeList, anda boleh mengisi poli itu juga:

<code class="javascript">if (typeof Symbol !== "undefined" &amp;&amp; Symbol.iterator &amp;&amp; typeof NodeList !== "undefined" &amp;&amp; NodeList.prototype &amp;&amp; !NodeList.prototype[Symbol.iterator]) {
  Object.defineProperty(NodeList.prototype, Symbol.iterator, {
    value: Array.prototype[Symbol.iterator],
    writable: true,
    configurable: true
  });
}</code>

Kesimpulan

Dengan polyfilling forEach() dan kebolehubahan, anda boleh mengatasi batasan penyemak imbas Microsoft yang lebih lama dan memastikan tingkah laku yang konsisten bagi kod anda apabila bekerja dengan koleksi NodeList dan HTMLCollection.

Atas ialah kandungan terperinci Mengapa forEach() tidak berfungsi pada querySelectorAll dalam pelayar Microsoft terkini?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!