Compreendendo retornos de chamada em JavaScript
Retornos de chamada são funções passadas como argumentos para outras funções e executadas posteriormente. Eles permitem que você execute um trecho de código em um ponto específico da execução de outra função, sem a necessidade de saber o momento exato ou a localização desse código.
Em JavaScript, os retornos de chamada são comumente usados para lidar com operações assíncronas, como fazer um HTTP solicitação ou configuração de um cronômetro. A função de retorno de chamada é passada como um argumento para a função principal e é executada quando a operação assíncrona é concluída.
Aqui está um exemplo de uso de uma função de retorno de chamada em JavaScript:
```
function makeRequest(callback) {
// Faça um Solicitação HTTP aqui
// ...
callback();
}
makeRequest(function() {
console.log("Solicitação concluída");
});
```
Neste exemplo, a função `makeRequest` leva uma função de retorno de chamada como argumento e executa essa função quando a solicitação HTTP é concluída. A função de retorno de chamada é passada como argumento para a função `makeRequest` e é executada quando a solicitação é concluída.
Callbacks também podem ser usados com promessas, que permitem lidar com operações assíncronas de uma forma mais estruturada. Aqui está um exemplo de uso de uma função de retorno de chamada com uma promessa:
```
function makeRequest(callback) {
// Faça uma solicitação HTTP aqui
// ...
Promise.resolve().then(callback);
}
makeRequest(function() {
console.log("Solicitação concluída");
});
```
Neste exemplo, a função `makeRequest` retorna uma promessa, que é então resolvida com a função de retorno de chamada. A função de retorno de chamada é executada quando a promessa é resolvida, que é quando a solicitação HTTP é concluída.
Callbacks também podem ser usados com eventos, como cliques do mouse ou pressionamentos de teclas. Aqui está um exemplo de uso de uma função de retorno de chamada com um ouvinte de evento:
```
document.getElementById("myButton").addEventListener("click", function() {
console.log("Botão clicado");
} );
```
Neste exemplo, o método `addEventListener` é chamado em um elemento de botão HTML e passa uma função de retorno de chamada como argumento. Quando o botão é clicado, a função de retorno de chamada é executada e registra uma mensagem no console.
Marcar como "Gostei"
Marcar como "Não gostei"
Reportar um erro de conteúdo
Compartilhar
