Skip to content

js_ages

Gabriel Fanto Stundner edited this page Oct 16, 2018 · 2 revisions
Retornar Básico Avançado Js na AGES

Informações estudadas na Ages 2018/1


Promises:

  • Quando um código produzido que faz algo e precisa de tempo e um outro código necessita do resultado do código anterior utilizamos o promise

  • Promise é um objeto especial do Javascript onde conecta esses dois códigos, quando um código termina, o promise passa a informação para o próximo código que precisava desse resultado

  • A construção da sintaxe do Objeto promise é essa abaixo:

function nomeFuncao(){
  return new Promise(function(resolve,reject){   
      //execução
  });
}
  • O que o código acima apresenta:

    1. foi iniciada uma nova função, onde dentro da função foi iniciada um promise
    2. resolve e reject são usados para caso de sucesso ou erro na execução do promise
    3. se tiver uma segunda função que depende dessa função criada, a proxima função só irá iniciar quando essa primeira função estiver concluida.
  • Promise Hell: é quando voce precisa encadear várias funções e uma depende da outra



Async/Await

  • Permite que aguardemos as chamadas a métodos assíncronos antes de prosseguir(no Javascript tudo é assíncrono por padrão)

  • Podemos decorar nossas funções com o prefixo async e toda função async pode ser esperada(await)

  • Exemplo de função com Async:

async function main(){ /*este exemplo é feito em uma função main, mas poderia ser em qualquer função*/
 var um = await nomeFuncaoUm(); /*ele irá esperar o valor da funcao1*/
 var dois = await nomeFuncaoDois(); /*ele irá esperar o valor da funcao2*/
 var tres = await nomeFuncaoTres(); /*ele irá esperar o valor da funcao3*/
   
  console.log(um); /*ele ira imprimir na tela o valor da variavel1*/
  console.log(dois); 
  console.log(tres);
}
  • Podemos utilizar o async/await para acesso ao banco de dados,trabalhos com arrays,funções e diversas outras coisas e podemos utilizar as promises dentro de uma função async/await

Clone this wiki locally