Função Arrow com retorno de objeto

Tem certeza que esta é a forma como deve montar o corpo da função?

Não tenho certeza! Fiz da forma que achei ser o correto.

Tentei outras formas e também não consegui, vou tentando aqui.

Eu não sou especialista em função arrow, mas, acho que isso aqui nunca vai rolar, devido ao fato de você estar retornando e, após isso, ter outras linhas de código.

Eu tentei colocar a funça antes e tambem nao deu. Eu fuz isso porque vi em uma aula, mas nao devo ter entendido direito.

No javascript, pode funcionar por conta do conceito de hoisting (funções declaradas são levadas para o topo).

Faz assim: Qual é a finalidade desse código, tipo eu quero passar dois valores e depois executar uma função calculo() como se fosse m2 um objeto.

Basicamente:

m2 = (largura, comprimento) => {
  const values = { largura, comprimento };
  calculo = () => {
      return (this.values.largura / 1000) * this.values.comprimento;
  };
  return this;
}

mas, como não sou expert em Javascript não sei se isso é correto, é funcional (mas, nem tudo que funciona está certo)

Sim, eu tenho noção disso, já sofri muito tentando entender os javascripts com closure que o pessoal faz.

Pessoal, deixa eu fazer uma pergunta bem de iniciante mesmo. Percebi que tem vários tipos de função, terei que coloca-las no projeto ou posso usar somente um tipo de função?

Independente da razão, sugiro manter um padrão.
Se você opta por arrow function, por mais complexa que seja, faça apenas arrow function.
Se prefere o modo verboso, use este sempre.

Essas coisas que me deixam com dúvida, pensava que deveria colocar todos os tipos em meu código pra funcionar.

Blza, Darlan vou procurar focar em um e entender bem seu conceito e aplicação e depois seguir com os outros.

O que vc fez foi criar uma função anonima e atribuí-la à variável m2. Tudo o que essa função faz é retornar um objeto.

Vamos analisar as 3 ultimas linhas do seu código:

m2(19,50) // 1)
console.log(calculo()) // 2)
console.log(m2()) // 3)

1. Aqui vc esta retornando um objeto igual a esse:

   {largura: 19, comprimento: 50}

Mas como vc não o está atribuindo a nenhuma variável, seu valor se perde. Faz o teste com isso:

console.log(m2(19, 50))

2. Esta função não foi definida mesmo. O que vc fez foi criar uma função chamada calculo dentro do escopo daquela função anonima, ela não existe fora dali.

3. Ele te mostra {} porque vc não passou nenhum argumento pra função, logo, ela retornou um objeto vazio.

Encontrei 2 artigos que podem te ajudar a entender o que está acontecendo de uma melhor forma:

Para outros materiais, procure por Constructor Pattern.

Sobre seu código, acredito que ele faz mais sentido assim:

m2 = (largura, comprimento) => {
  return{
    largura,
    comprimento,
    calculo: () => (largura/1000) * comprimento
  }
}

var teste = m2(19, 50)

console.log(teste)
console.log(teste.calculo())

Percebeu que retornei calculo junto com largura e comprimento? É assim que fazemos quando queremos expor certos dados ou comportamentos de um objeto. Do jeito como vc fez, calculo fica escondida.

Daí, pra usar o comportamento exposto, basta fazer como no meu segundo log.

@wldomiciano fiz da forma que vc falou e deu certo aqui. Vou verificar o material que postou.

Gostei muito acho que o meu exemplo é furado kkk … não sou bom em Javascript, perfeito cara parabéns.