Esta pergunta já tem uma resposta aqui:

Primeiro eu tentei isso -

const profile = {
    name: 'Alex',
    getName: function(){
      return this.name;
    }
};

Que funciona bem. Agora eu tentei a mesma coisa com flecha gorda. Nesse caso, "isto" está indefinido.

const profile = {
    name: 'Alex',
    getName: () => {
      return this.name;
    }
};

Isso me dá um erro

TypeError: Não é possível ler a propriedade 'name' de undefined

O que eu aprendi foi que as sintaxes das flechas gordas são muito melhores do que "implícito". Por favor, explique por que isso está acontecend