Fonction flèche et ceci

Quel serait le résultat de ce foo.baz() ??

const foo = {
  bar: 10,
  baz: () => console.log(this.bar),
};


foo.baz();

Cette fonction semble devoir fonctionner, mais si vous l'exécutez, le résultat sera « indéfini ». Pourquoi ?
En JavaScript, lorsque vous utilisez une fonction flèche, la fonction console.log(this.bar) recherchera une variable globale, car « this » mot-clé n'est pas lié à l'objet environnant mais à un objet global (fenêtre) dans le navigateur ou Environnement node.js.
Afin de résoudre ce problème, nous utilisons foo.bar ou modifions un peu un code et utilisons une expression de fonction régulière comme ceci

 baz: function () {
    console.log(this.bar);
  },

Ou si nous devons utiliser une fonction fléchée, au lieu d'appeler une variable locale comme this.bar, nous pouvons utiliser le nom de l'objet et appeler foo.bar comme ceci.

 baz: () => console.log(foo.bar),

Maintenant, la sortie sera correctement 10.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!