Article image
Matheus Albuquerque
Matheus Albuquerque30/08/2023 12:14
Compartilhe

complemento do método fetch() - Sobre o ".then"

    Oi! tudo bem??

    vou falar um pouco sobre o .then, aprofundando mais os conhecimentos do ultimo artigo no site, espero que te ajude!

    O .then() é um método que pertence às Promises, que é um recurso importante para lidar com operações assíncronas em JavaScript

    (A Programação assíncrona é uma forma de evitar atrasos ou tempos de espera na execução de um programa.).

    Vou explicar como ele funciona.

    Promises em JavaScript:

    Uma Promise é um objeto que representa um valor que pode estar disponível agora, no futuro ou nunca. Promises(promessas) são frequentemente usadas para operações assíncronas, como fazer requisições de rede, ler arquivos ou executar tarefas que levam algum tempo para serem concluídas.

    Significado de Assíncrono

    adjetivo

    Que não ocorre ou não se efetiva ao mesmo tempo.
    Que não acontece juntamente com outra coisa.
    Que não mantém uma sincronia, com intervalos regulares, por não ser controlado por um sistema temporizador.

    Método .then():

    O .then() é usado para manipular o resultado (ou erro) de uma Promise. Ele permite que você especifique o que fazer quando a Promise é resolvida (quando a operação assíncrona é bem-sucedida) ou quando é rejeitada (quando ocorre um erro).

    A sintaxe básica é a seguinte:

    umaPromise.then(funcaoSucesso).catch(funcaoErro);


    • umaPromise: A Promise que você quer manipular.
    • funcaoSucesso: Uma função que será executada quando a Promise for resolvida.
    • funcaoErro: Uma função que será executada quando a Promise for rejeitada (opcional, você pode omitir o .catch() se não quiser lidar com erros aqui).

    _______________________________________________________________

    observe mais um exemplo:

    const minhaPromise = fetch('https://api.exemplo.com/dados');

    utilizando agora o .then:

    minhaPromise.then(response => {

     // Aqui você lida com a resposta da requisição

    })

    .catch(error => {

     // Aqui você lida com erros, se ocorrerem

    });

    No caso de um .then(), a função que você passa como argumento receberá o valor resolvido da Promise (por exemplo, a resposta da requisição).

    No caso de um .catch(), a função que você passa receberá o motivo pelo qual a Promise foi rejeitada (ou seja, o erro que ocorreu).

    Em resumo, o .then() é uma maneira de definir o que fazer quando uma operação assíncrona é concluída, seja com sucesso ou com erro. Isso ajuda a organizar o fluxo do seu código e a lidar de forma mais controlada com operações assíncronas.
    Compartilhe
    Comentários (0)