2016/08/06

[typescript]thisについてarrow syntax

typescriptでjQueryのonメソッドを使って下のようにソースを組みたい場合があります。

var _this: any = this;
$('._foo').on('click',function(e){
  _this.func();
});
で、これでもいいんだけど、もっとスマートにできないだろうか?

マニュアルを読むとarrow syntaxというのがあって、下のようにすればいいみたい。
$('._foo').on('click',(e) => {
  this.func();
});
で、こう書くと、thisは、もう一個、上側の変数を表すことになる。
(ちょっと正確性が欠けた表現だが。)
var img: any = new Image();
img.onload = () => {
  this._func();
};

0 コメント:

コメントを投稿