Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー

Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー

ややこしい問題に直面したので、メモしておく。 問題 次のように、jQueryでコールバック関数にアロー関...概要を表示 ややこしい問題に直面したので、メモしておく。 問題 次のように、jQueryでコールバック関数にアロー関数を用いたスクリプトを記述する。 $("item > title").each(() => { let title = $(this).text(); console.log(title); }); このES6の構文ををBabelでES5へトランスパイルすると... $("item > title").each(function(idx) { var title = $(undefined).text(); console.log(title); }); アロー関数の内のthisがundefinedになってしまう。 問題は、どうやらトランスパイル前後の、each関数でのthisの扱いの違いによるもののようだ。 以下、シンプルな例を考えてみる。 var arr = [1]; $(arr).

• JavaScript
• jquery