**下記コードで、
() => this
はどういう意味でしょうか?**
this.a = 0;
baz(() => this);
アロー関数と呼ばれるECMAScript 6で導入された構文で、「引数のないthis
を返す無名関数」を作成しています。
前半の()
は関数の仮引数宣言です。この場合は()
ですので引数を取りませんが、一般的には(a, b, c, ..., z)
のように宣言します。また引数が1個の場合a =>
のように括弧を省略することが出来ます。
後半のthis
は関数の本体で{ return this; }
の省略形です。
またアロー関数には「アロー関数が作成されたときのthis
の値がアロー関数内部で使用されるthis
の値になる」という特徴があります。
仮に質問文のコードをfunction
を使って
baz(function () { return this });
と書き換えると、baz
内での引数の取り扱いによって関数内のthis
の値が変化してしまいます。
function baz(fn) {
console.log(fn()); // グローバルオブジェクトが出力される
var obj = { fn: fn };
console.log(obj.fn()); // objが出力される
}
これではなにかと不都合なので、呼び出し側でthis
参照を変数に置き換えたり、
var _this = this;
baz(function () { return _this; });
関数に渡す引数にthis
となる値を含めてFunction.prototype.call
やapply
を呼び出して実行するなどの方法がとられていました。
baz(this.foo, this);
// function baz(fn, thisArg)
fn.call(thisArg);
アロー関数では関数内のthis
はアロー関数式が実行されたときのthis
に束縛されるため、簡潔に匿名関数を定義して他の処理に渡すことが出来ます。