Quais as diferenças entre Try, Fetch e Axios?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Quais as diferenças entre Try, Fetch e Axios?
Oi Liana!
Muito interessante sua perguntar, vou tentar abordar um pouco de cada um dos três.
O Try: Diferente dos demais não é uma ferramenta de requisição, mas sim uma parte da estrutura de controle de exceção do JavaScript. Ele é usado junto com catch para lidar com erros que podem ocorrer em blocos de código. De forma BEM geral mesmo, ele é usado assim:
try {
// Código que pode gerar um erro
} catch (error) {
// Código para lidar com o erro
}
Já o famoso Fetch, é uma API nativa do JavaScript para fazer requisições HTTP. Ele retorna uma Promise(Promessa) que resolve para a Response do pedido. É bastante utilizado pela sua simplicidade e por ser nativo, ou seja, não requer a instalação de bibliotecas adicionais. Exemplo de uso:
fetch('https://api.exemplo.com/dados')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Erro:', error));
Já o camarada Axios, já adianto que ele é sensacional e no universo React e node é muito utilizado, ele é uma biblioteca, mas não é nativa, ou seja, ele não vem por padrão, mas o que ele faz, é facilitar, meios para realizar requisições HTTP. Ele também retorna Promises e é conhecido por sua simplicidade e recursos adicionais, como interceptação de requisições e respostas, cancelamento de requisições, entre outros. Exemplo de uso:
import axios from 'axios';
axios.get('https://api.exemplo.com/dados')
.then(response => console.log(response.data))
.catch(error => console.error('Erro:', error));
Resumindo as diferenças:
Try é utilizado para gerenciar erros em blocos de código, mas não aborda especificamente questões de requisições.
Fetch é uma API nativa para fazer requisições HTTP e é mais leve, mas pode precisar de mais código para lidar com certas funcionalidades. Axios é uma biblioteca externa que oferece mais funcionalidades e uma sintaxe mais simples para muitas operações comuns.
Recomendo a leitura do seguinte material por curiosidade:
Espero ter ajudado! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!