不支持ES6扩展语法IE

Question

我在下面给出了与ES6兼容的javascript代码，但是IE 11不支持此代码。 这样在所有浏览器中都可以使用的替换代码是什么？

[...document.querySelectorAll('.row')]

我正在使用它来进行'click'事件处理：

Array.prototype.slice.call(document.querySelectorAll('.row'))
    .forEach(function(header) {
      return header.addEventListener('click', function(e) {
        headerClick(e, header, header.querySelector('.exy'))
      });
    });

Answer 1

对于所有浏览器，您可以通过call或apply使用Array.prototype.slice （它适用于任何类似数组的对象）：

Array.prototype.slice.call(document.querySelectorAll('.row'))

---

关于您更新的问题：

我正在使用它来进行'click'事件处理：

 Array.prototype.slice.call(document.querySelectorAll('.row')) .forEach(function(header) { return header.addEventListener('click', function(e) { headerClick(e, header, header.querySelector('.exy')) }); }); 

我根本不会使用querySelectorAll ，我会使用事件委托 。 大概所有这些.row元素都在一个公共容器内（当然，最终它们全都在body ，但是希望有一个比它们更“接近”的容器）。 使用事件委托，您可以执行以下操作：

• 钩一次，在容器上click

• 发生点击时，检查它是否在到达容器的途中通过了您的目标元素之一

对于您引用的代码，看起来像这样：

// A regex we'll reuse
var rexIsRow = /\brow\b/;
// Hook click on the container
document.querySelector("selector-for-the-container").addEventListener(
    "click",
    function(e) {
        // See if we find a .row element in the path from target to container
        var elm;
        for (elm = e.target; elm !== this; elm = elm.parentNode) {
            if (rexIsRow.test(elm.className)) {
                // Yes we did, call `headerClick`
                headerClick(e, elm, elm.querySelector('.exy'));
                // And stop looking
                break;
            }
        }
    },
    false
);

在更现代的浏览器上 ，可以使用elm.classList.contains("row")代替正则表达式，但遗憾的是，不能在IE9或更早的版本上使用。

---

就是说，而不是像gcampbell指出的那样维护一个单独的代码库，您可以在代码中使用ES6（ES2015）功能，然后使用可将其转换的编译器进行编译（嗯，可以转换的功能很多） ）转换为ES5语法。 巴别塔就是其中之一。