2

Como posso deixar o código abaixo menos bagunçado com asnyc/await?

class Backend {
   getUsers(callback){
      const database = firebase.database().ref('users/')
      const onReceive = (data) => {
          callback({
             data
          )}
      }
      database.on('child_added', onReceive)
   }
}

Backend.getUsers((data) => {
   console.log(data)
   // Coloquei o console.log() só por colocar mesmo
})
1
  • Você gostaria de carregar todos os usuários de uma vez ou ficar "ouvindo" a cada usuário inserido? Commented 22/03/2019 às 19:53

1 Resposta 1

5

Primeiro você terá que criar um método estático para poder acessá-lo sem criar uma instancia de Backend utilizando static.

Agora para poder utilizar await você precisará usar promises. Você poderia usar o modificador async no seu método para transformar o retorno de getUsers em um resolve de uma promise, mas como o valor a ser retornado está dentro de uma callback (onReceive), não tem como você retornar o valor com a declaração return. Você terá que recorrer a criar um objeto Promise para assim poder utilizar os callbacks resolve ou reject dentro do callback de database.on.

class Backend {
   static getUsers() {
      return new Promise((resolve, reject) => {
          const database = firebase.database().ref('users/')
          database.on('child_added', data => resolve({ data }))
      })
   }
}

async function imprimirUsers() {
    const data = await Backend.getUsers()
    console.log(data)
}

imprimirUsers()
3
  • Um adicional seria adicionar um try/catch para capturar os erros, caso tenha: Segue exemplo: jsbin.com/jeyabikoqo/edit?js Commented 20/03/2019 às 13:45
  • De alguma forma só esta retornando 1 usuário Commented 21/03/2019 às 1:02
  • Essa solução usando Promise não funciona, uma vez que o callback é chamado múltiplas vezes, uma para cada nó adicionado (child_added). Esse examplo ajuda a entender o que acontece: jsbin.com/gemepay/3/edit?js,console Commented 22/03/2019 às 16:51

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 .