矢印関数とes6

es6のメソッド宣言と、次の問題に遭遇する場合があります。 名前：「ジェイソン」、 叫び：（）=> console.log（ "私の名前は"、this.name） }; person.shout（）; //印刷「私の名前は「

var person = {
  name: "jason",

  shout: () => console.log("my name is ", this.name)
};

person.shout(); // Prints "my name is "

この動作は、ES6の矢印関数の明確な性質から生じます。矢印関数は、従来の関数宣言とは異なり、このキーワードをバインドしません。代わりに、彼らは周囲の範囲からこのバインディングを継承します。これは、この場合、グローバルな範囲です。 名前：「ジェイソン」、 shout（）{ console.log（ "my name is"、this.name）; } }; person.shout（）; //印刷「私の名前はジェイソン」