Code synchrone et asynchrone en JavaScript
Prenons le code suivant :
console.log('1');
console.log('2');
Il est évident que la première sortie dans la console sera exécutée en premier, puis la seconde. C'est-à-dire que les commandes de notre code sont exécutées les unes après les autres - dans l'ordre de leur apparition dans le code. Un tel code est appelé synchrone.
Considérons maintenant le code suivant :
setTimeout(function() {
console.log('1');
}, 3000);
console.log('2');
Dans ce cas, les commandes ne sont pas exécutées dans l'ordre de leur apparition dans le code : la première sortie dans la console s'effectue lorsque son moment arrive, mais le reste du code n'attend pas ce moment, et continue de s'exécuter. Un tel code est appelé asynchrone.
Le code asynchrone apparaît assez fréquemment en JavaScript : lors du travail avec des minuteries, lors de l'attachement de gestionnaires d'événements, lors du chargement d'images, lors de l'utilisation de la technologie AJAX, permettant de charger des parties d'une page depuis le serveur, lors du travail avec NodeJS, qui représente du JavaScript côté serveur.
