CoffeeScriptでファットアローを使用した場合のthisについて - Qiita

CoffeeScriptでファットアローを使用してthisコンテキストを維持した場合、イベントハンドラ内の関数にthisを引数として渡す方法がよく分からなかったので試してみました。 分かりづらい説明になってしまいましたので、ソースをご確認頂ければと思います。 class Hoge constructor: -> @button = document.getElementById 'button' @attachEvent() attachEvent: -> @button.addEventListener 'click', => # ファットアローを使用してthisコンテキストを維持 @addClass(@) # クリックした要素を渡したいが、ここでの@はHogeを指しているため意図しない挙動になる , false addClass: (target) -> target.classNam

[bopperjp]

fat arrow が必要な場合は、コールバックに無名関数を 定義して渡す時。無名じゃない関数を渡す場合は bind しないとどうにもならない。結局 this の一時退避処理でしかない。