Terugbelverzoeken in JavaScript begrijpen
Callbacks zijn functies die als argumenten aan andere functies worden doorgegeven en op een later tijdstip worden uitgevoerd. Ze stellen je in staat een stukje code uit te voeren op een specifiek punt in de uitvoering van een andere functie, zonder dat je de exacte timing of locatie van die code hoeft te weten. In JavaScript worden callbacks vaak gebruikt om asynchrone bewerkingen af te handelen, zoals het maken van een HTTP-code. een timer aanvragen of instellen. De callback-functie wordt doorgegeven als argument aan de hoofdfunctie, en wordt uitgevoerd wanneer de asynchrone bewerking voltooid is.
Hier is een voorbeeld van het gebruik van een callback-functie in JavaScript:
```
function makeRequest(callback) {
// Make an HTTP-verzoek hier
// ...
callback();
}
makeRequest(function() {
console.log("Verzoek voltooid");
});
```
In dit voorbeeld gebruikt de functie `makeRequest` een callback-functie als argument, en voert die functie uit wanneer het HTTP-verzoek voltooid is. De callback-functie wordt doorgegeven als argument aan de `makeRequest`-functie, en wordt uitgevoerd wanneer het verzoek voltooid is. Callbacks kunnen ook worden gebruikt met beloftes, waardoor u asynchrone bewerkingen op een meer gestructureerde manier kunt afhandelen. Hier is een voorbeeld van het gebruik van een callback-functie met een belofte:
```
function makeRequest(callback) {
// Maak hier een HTTP-verzoek
// ...
Promise.resolve().then(callback);
}
makeRequest(function() {
console.log("Verzoek voltooid");
});
```
In dit voorbeeld retourneert de functie `makeRequest` een belofte, die vervolgens wordt opgelost met de callback-functie. De callback-functie wordt uitgevoerd wanneer de belofte is opgelost, dat wil zeggen wanneer het HTTP-verzoek is voltooid. Callbacks kunnen ook worden gebruikt bij gebeurtenissen, zoals muisklikken of toetsaanslagen. Hier is een voorbeeld van het gebruik van een callback-functie met een gebeurtenislistener:
```
document.getElementById("myButton").addEventListener("click", function() {
console.log("Button clicked");
} );
```
In dit voorbeeld wordt de methode `addEventListener` aangeroepen op een HTML-knopelement, en wordt een callback-functie doorgegeven als argument. Wanneer op de knop wordt geklikt, wordt de callback-functie uitgevoerd en wordt een bericht naar de console geregistreerd.
Ik vind dit leuk
Ik vind dit niet leuk
Een inhoudsfout melden
Gedeeld
