Poprawa kodu pod ECMASCRIPT6

Question

Cześć,

Mam dość zapewne trywialne pytanie, jednak walczę już chwilę i nie mogę sobie poradzić, a z JS nie mam wiele do czynienia ostatnio.
Mam kod:
 

<script>
  window.addEventListener("message",e=>{if("resizeOpineoIframe"===e.data[0])
  {
    var   i=document.getElementById("opineo-opinions-widget");
          i.height="",i.height=e.data[1]+"px"}},!1);
</script>

Kompilator wyrzuca mi błąd.
 

Błąd w wierszu 3, znak 37: This language feature is only supported for ECMASCRIPT6 mode or better: arrow function.

Próbowałem deklarować funkcję jakiś poza blokiem if, ale bezskutecznie. Może macie jakies rozwiązanie aby kompilator to przepuścił?
Z góry dzięki.

Comments

Ale co to jest za kompilator?

---

Próbuję ten kod wszczepić poprzez Google Tag Managera, i "googlowy" kompilator mi wyrzuca ten błąd

Answer 1

Zmien po prostu arrow function na zwykłą deklaracje function(e) {}

Comments

Warto zauważyć również fakt, że addEventListener nie jest najlepszym miejscem do używania arrow functions 

---

Niby dlaczego? Uzasadnij proszę.

---

Przy zwykłej funkcji this ma context listenera, przy Arrow function nie.

---

ok, ale to nie zmienia faktu, że arrow function jest zle dla listenerów... wg mnie nie można tak ogólnie mówić, wszystko zależy od tego co i w jaki sposób chcesz robić w listenerze.

Answer 2

Prawdopodobnie ten rzekomy kompilator nie wspiera ECMAScript6 który wprowadził Arrow Function (czyli zapis z e=>{}). Musisz albo pobrać nowszą wersję, albo nie używać tych ficzerów.

No chyba że to przeglądarka, to wtedy musisz ją zaktualizować na trochę mniej archaiczną.

Comments

Próbuję ten kod wszczepić poprzez Google Tag Managera, i "googlowy" kompilator mi wyrzuca ten błąd.
Pomożesz ominąć ten zapis przy poprawnym działaniu kodu?