MeteorJS - 私のヘルパーで今の機能の違い（）と（）=>

Question

それは働いているが、私は()=>

updateCVId:()=> { 
    return this._id; //return undefined 
} 

を使用した場合、その後this._idがあるfunction()

updateCVId: function() { 
    return this._id; //return the real id 

} 

を使用しています未定義。

同じイベントのためにある：私は()=>を使用する場合

'click .foo': function(evt, tmp) { 
    console.log(this._id); //log the real id 
} 

と

'click .foo': (evt, tmp)=> { 
    console.log(this._id); //log undefined 
} 

誰かがデータを取得する方法を、教えてもらえますか？

ありがとうございます。

Answer 1

矢印機能=>は、コンテキストthisをレキシカルスコープから自動的にバインドするように設計されています。あなたの状況でthisは、'strict mode'で実行されるため、未定義です。 ）

1あなたは既に行ったように、通常の関数を使用します：

var actions = { 
    //... 
    updateCVId: function() { 
     return this._id; //return the real id 
    } 
    //... 
}; 

2）ES6速記関数表記を使用する：あなたができるあなたの問題を解決するために

var actions = { 
    //... 
    updateCVId() { 
     return this._id; //return the real id 
    } 
    //... 
}; 

---

function() {}と=>の違いは、コンテキストがthisで、呼び出しがどのようにthisに影響するかです。

function() {} は、関数が呼び出される方法によって決まります。オブジェクトのメソッドとして呼び出す場合は、thisがオブジェクトそのものになります：actions.updateCVId()。
私はそれをsoft linked thisと呼びます。

矢印の関数の場合=>thisは、関数が定義されている語彙スコープのthisに自動的にバインドされます。あなたの例では、それはundefinedです。'strict mode'のデフォルトの場合です。
矢印機能が後で呼び出されても、thisはundefinedとなります。
私はそれをhard linked thisと呼びます。

thisキーワードの詳細はthis articleです。