IE8 Array.prototype.slice： 'this'はJavaScriptオブジェクトではありません

Question

IE8でのみこのエラーメッセージが表示されています。IE8との互換性のために既存の関数を変換する方法がわかりません。

_initEvents : function() { 
    var self = this; 

    Array.prototype.slice.call(this.menuItems).forEach(function(el, i) { 
     var trigger = el.querySelector('a'); 

     if (self.touch) { 
      trigger.addEventListener('touchstart', function(ev) { 
        self._openMenu(this, ev); 
       }); 
     } 
     else { 
      trigger.addEventListener('click', function(ev) { 
        self._openMenu(this, ev); 
       }); 
     } 
    }); 
    window.addEventListener('resize', function(ev) { 
     self._resizeHandler(); 
    }); 

}, 

上記のそれのほんの一部ですが、私は休みが必要とされていると思ういけません。エラーはここに起こる：

Array.prototype.slice.call(this.menuItems) 

Answer 1

お問い合わせの際：

this.menuItems = this.el.querySelectorAll('.cbp-hsmenu > li'); 

メニューアイテムに割り当てられたオブジェクトは、ホストオブジェクトである静的NodeList、です。そして、あなたがないとき：

Array.prototype.slice.call(this.menuItems) 

あなたはこのとしてホストオブジェクトと組み込みのメソッドを呼び出しています。 IE8以下では、それはできません（現代のブラウザではあなたにはそうするべきではないという仕様はありません）。なぜなら、内蔵forEachのないブラウザで

Array.prototype.forEach.call(this.menuItems, func...) 

：

簡単な解決策は、またはadd a shim for Array.prototype.forEachに、コールよりも、他のいくつかの方法を使用してアレイにメニューアイテムを変換し、CrazyTrainの提案を使用することです、それはネイティブメソッドと正常に動作します。しかし、堅牢なコードの場合は、すべてを単純なforループで置き換えてください。