アロー関数で作られた関数をIE11でも動くようにしたい

Question

###前提・実現したいこと
Javascriptで作られている以下の処理なのですが、アロー関数が使われているためIE11で実行できません。
これをIE11で動くようにしたいのですが、アロー関数をどのように分解すればよいかわからず困っております。

###発生している問題・エラーメッセージ
IE11でアロー関数が使用できないため、エラーが発生する

###該当のソースコード

const target = document.getElementById('foo');
// オブザーバインスタンスを作成
const observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    if ( !$('#foo').hasClass('bar') ) {
      $('#hoge').fadeIn();
    } else {
      $('#hoge').fadeOut();
    }
  });
});

Answer 1

https://babeljs.io/repl/

左側にコピペすれば右にbabelの変換結果がでるので参考にすると良いです。

Comments

[sogatake]

ありがとうございます。すでに解決済みではあったのですが、このようなツールもあると知り大変ありがたく、助かります。今後活用させていただきます。

Answer 2

function(){}

で書き換えますが、コールバックで利用する際は若干仕様が違うので
単に置き換えればいいわけでないないようです。
また今回は直接関係ありませんが関数内のthisの参照先も違うようです

Answer 3

自己解決しました。

const target = document.getElementById('foo');
// オブザーバインスタンスを作成
const observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if ( !$('#foo').hasClass('bar') ) {
      $('#hoge').fadeIn();
    } else {
      $('#hoge').fadeOut();
    }
  });
});