Exemplos para Mario, sintaxe Javascript, uso de parêntesis, uso do return

mario_return.js

// Toda função em JavaScript retorna alguma coisa, se o return não foi declarado, ela não retornará nada, portanto undefined.
// Alguns métodos podem exigir que retorne algum valor.
const returnIndefinido = () => {
  'Olá'
}
returnIndefinido() // undefined

const returnDeclarado = () => {
  return 'Olá'
}
returnDeclarado() // 'Olá'


// As {}s indicam um bloco de código, por isso é necessário declarar o return.
// Podemos omitir o uso das {}s e assim também omitimos o return, que no caso estará implícito. 
const returnImplicito = () => 'Olá'
returnImplicito() // 'Olá'


// E se quisermos retornar um objeto?
const returnObjetoErrado = () => {saudacao: 'Errado'} // Isto é um bloco de código, sem return definido
const returnObjetoUm = () => ({saudacao: 'Olá'}) // Usamos os parênteses para dizer que é um objeto e não um bloco de código
const returnObjetoDois = () => {
  const bomDia = 'Bom Dia'
  return { // Perceba que aqui é um objeto e não um bloco de código
    saudacao: bomDia
  }
}
returnObjetoErrado() // undefined
returnObjetoUm() // {saudacao: 'Olá'}
returnObjetoDois().saudacao // 'Bom Dia'


/*
  E agora chegamos nos ()s do return!
  O JavaScript irá colocar um ; no final da linha do return, e executar o return.
  Portanto, para escrever um código em diversas linhas e evitar que seja 
  colocado o ; no final da linha do return, utilizamos os ()s.
*/
const returnMesmaLinha = () => {
  const mensagem = 'Bom Dia'
  return mensagem
}
returnMesmaLinha() // 'Bom Dia'

const returnOutraLinhaErrado = () => {
  const mensagem = 'Bom Dia'
  return
    mensagem
}
returnOutraLinhaErrado() // undefined

const returnOutraLinhaCorreto = () => {
  const mensagem = 'Bom Dia'
  return (
    mensagem
  )
}
returnOutraLinhaCorreto() // 'Bom Dia'