流星ES6脂肪矢印機能と `onCreatedでthis`が機能していない

Question

申し訳ありませんが、ES6の初心者くさい：

Template.hello.onCreated(() => { 
    // counter starts at 0 
    this.counter = new ReactiveVar(0); 
}); 

Template.hello.helpers({ 
    counter() { 
    return Template.instance().counter.get(); 
    }, 
}); 

Template.hello.events({ 
    'click button'(event, instance) { 
    // increment the counter when button is clicked 
    instance.counter.set(instance.counter.get() + 1); 
    }, 
}); 

私はボタンをクリックすると、私はCannot read property 'get' of undefined

を取得しかし、私はやる

Template.hello.onCreated(function(){ 
    // counter starts at 0 
    this.counter = new ReactiveVar(0); 
}); 

正常に動作します。

私は得意でないthisキーワードのES6の太い矢印のバインディングで何かが起こっていますか？

Answer 1

メテオールがonCreatedハンドラーを呼び出すと、関数のthis値がテンプレートインスタンスにバインドされます。 Arrow functions字句的にバインドthisこれは、矢印関数内のthisが、関数が定義されている場所と同じであることを意味します。おそらくwindowです。その結果、テンプレートインスタンスに代入するのではなく、グローバル変数counterを作成しています。

onCreated,onRenderedなどについては、矢印機能を使用する意味がありません。