Rückrufe (oder Callbacks) sind eine der Kerntechniken in JavaScript und sie ermöglichen es Ihnen, asynchronen Code zu schreiben. Erinnern Sie sich daran, dass JavaScript von Natur aus nicht asynchron ist – es verwendet Mechanismen wie Rückrufe, Promises und Async/Await, um asynchrones Verhalten zu ermöglichen.
Ein Rückruf ist eine Funktion, die als Argument an eine andere Funktion übergeben wird, und die zu einem späteren Zeitpunkt (entweder sofort oder nach einem Ereignis oder sogar nach Abschluss einer asynchronen Operation) aufgerufen wird.
Hier ist ein einfaches Beispiel:
```javascript
function greet(name, callback) {
console.log(‘Hallo ‘ + name);
callback();
}
greet(‘Max’, function() {
console.log(‘Die Callback-Funktion wurde aufgerufen!’);
});
```
In diesem Beispiel ist die Funktion `greet` eine Funktion höherer Ordnung, weil sie eine andere Funktion als Argument akzeptiert und sie später in ihrem Körper aufruft (`callback()`).
Rückrufe werden oft in Ereignishandlern, Timerfunktionen und asynchronem Code (wie Promises oder Node.js Callbacks) verwendet.
Ein Beispiel für einen Event-Handler:
```javascript
button.addEventListener(‘click’, function() {
console.log(‘Button wurde geklickt!’);
});
```
In diesem Fall ist die anonyme Funktion das Callback, das aufgerufen wird, wenn das ‘click’-Event ausgelöst wird.
Beachten Sie jedoch, dass Callbacks dazu neigen, “Callback-Hölle” zu erzeugen, wenn sie zu tief verschachtelt werden. Versuchen Sie daher, Ihren Code so flach wie möglich zu halten und erwägen Sie die Verwendung von Promises oder Async/Await, wenn Sie mit komplexer asynchroner Logik zu tun haben.
