6

No código abaixo, o método showName() naturalmente retornará undefined, pois irá buscar uma propriedade nome no escopo onde está inserido o obj.

A minha pergunta é, nesse caso eu obrigatoriamente teria que usar uma function convencional, a arrow function não serviria nesse caso?

var obj = {
  nome: 'object',
  showName: () => {
    return this.nome
  }
}

console.log(obj.showName());

7
  • Dentro do console.log não deveria ser showName()?
    – Jéf Bueno
    Commented 1/06/2017 às 20:24
  • Sim, já alterei, obrigado Commented 1/06/2017 às 20:25
  • quando se usa arrow function, dispensa o return.
    – BrTkCa
    Commented 1/06/2017 às 20:28
  • 1
    Possível duplicata de Variável não definida, mesmo estando definida. PS: o this não vai funcionar neste caso, estou analisando o ecma para ver detalhamentos e atualizar a resposta, lhe notificarei.
    – Syzoth
    Commented 1/06/2017 às 20:30
  • @GuilhermeNascimento minha dúvida é qual a melhor forma de escrever isso e não a questão do escopo. Commented 1/06/2017 às 20:32

1 Resposta 1

6

O melhor nesse caso é usar uma function "normal". Esse é um caso de beco sem saída. O objeto é criado num dado contexto, a arrow function vai usar o contexto no momento da criação e não pode por isso apontar para si próprio.

Dá para criar um cenário parecido, em que isso ia funcionar, mas é pleno exercício, não estou a ver um caso de uso que não dê para fazer de outra maneira:

var obj = (function() {
    this.nome = 'object';
    this.showName = () => {
        return this.nome;
    }
    return this;
}).call({});

console.log(obj.showName()); // object

O mesmo já não se aplica a classes, que seria mais interessante que um objeto simples (pois se tens arrow functions podes benefeciar de classes ES6). Nesse caso a classe cria um contexto próprio e a arrow function seria muito útil:

class Obj {
  constructor() {
    this.nome = 'object',
      this.showName = () => {
        return this.nome;
      }
  }
}
var obj = new Obj();
console.log(obj.showName()); // object

Ou usando notação com class properties (em fase de proposta/estudo para implementar na linguagem).

class Obj {
  nome = 'object';
  showName = () => {
    return this.nome;
  }

}
var obj = new Obj();
console.log(obj.showName()); // object

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .