Arrow Functions vs. Declaraciones del método en es6

al profundizar en ES6, puede encontrar el siguiente problema:

var person = {
  name: "jason",

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

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

la intención es que la función acceda a la propiedad de nombre dentro del objeto de persona. Sin embargo, la consola solo imprime "Mi nombre es"

explicación:

este comportamiento surge de la naturaleza distinta de las funciones de flecha en ES6. Las funciones de flecha, a diferencia de las declaraciones de funciones tradicionales, no vinculan esta palabra clave. En cambio, heredan el enlace de su alcance circundante, que, en este caso, es el alcance global.

Solution:

para abordar este problema, puede usar el patrón de Declaración del método ES6, que conserva la unión deseada de esto: [&]