Table des matières
Événements
Boucle d'événement
Blocage de la boucle d'événement
Exemple de boucle d'événement
Pile et file d'attente de messages
File d'attente des tâches et promesse
process.nextTick()
setImmediate()
setInterval()
Maison interface Web js tutoriel Comprendre les événements et la boucle d'événements dans nodejs

Comprendre les événements et la boucle d'événements dans nodejs

Dec 08, 2020 pm 05:40 PM
node.js 事件 事件监听 事件驱动 异步编程

Comprendre les événements et la boucle d'événements dans nodejs

Recommandations associées : "tutoriel nodejs"

Les amis qui connaissent javascript auraient dû utiliser des événements, tels que le mouvement de la souris, le clic de la souris, Saisie au clavier et ainsi de suite. Nous écoutons ces événements en javascript pour déclencher le traitement correspondant.

Il y a aussi des événements dans le même nodejs, et il existe également un module d'événements spéciaux pour un traitement spécialisé.

Les événements simultanés et les boucles d'événements sont également des concepts très importants pour créer des IO asynchrones dans nodejs.

Aujourd’hui, nous en apprendrons davantage.

Événements

nodejs fournit un module spécial pour les événements : lib/events.js.

Vous vous souvenez quand nous parlions de l'utilisation de nodejs pour créer un serveur Web ?

const server = http.createServer((req, res) => {
  res.statusCode = 200
  res.setHeader('Content-Type', 'text/plain')
  res.end('welcome to www.flydean.com\n')
})
Copier après la connexion

Ici, chaque requête déclenchera l'événement de requête.

L'API principale de nodejs est basée sur une architecture asynchrone basée sur les événements, il y a donc beaucoup d'événements dans nodejs.

Par exemple : net.Server déclenchera un événement à chaque nouvelle connexion, fs.ReadStream déclenchera un événement à l'ouverture d'un fichier et stream déclenchera un événement lorsque les données seront lisibles.

Voyons comment créer un événement nodejs :

const EventEmitter = require('events')
const eventEmitter = new EventEmitter()
Copier après la connexion

Il existe deux méthodes couramment utilisées pour les événements, à savoir on et submit.

on est utilisé pour écouter les événements, et émettre est utilisé pour déclencher des événements.

eventEmitter.on('fire', () => {
  console.log('开火')
})

eventEmitter.emit('fire')
Copier après la connexion

emit peut également prendre des paramètres. Jetons un coup d'œil au paramètre suivant :

eventEmitter.on('fire', who => {
  console.log(`开火 ${who}`)
})

eventEmitter.emit('fire', '美帝')
Copier après la connexion

Regardons les deux paramètres :

eventEmitter.on('fire', (who, when) => {
  console.log(`开火 ${who} ${when}`)
})

eventEmitter.emit('fire', '川建国','now')
Copier après la connexion

Par défaut, EventEmitter commence par All. les auditeurs sont appelés de manière synchrone dans l’ordre dans lequel ils ont été enregistrés. Cela garantit un ordre correct des événements et permet d’éviter les conditions de concurrence et les erreurs logiques.

Si une exécution asynchrone est requise, vous pouvez utiliser setImmediate() ou process.nextTick() pour passer en mode d'exécution asynchrone.

eventEmitter.on('fire', (who, when) => {
    setImmediate(() => {
      console.log(`开火 ${who} ${when}`);
  });
})

eventEmitter.emit('fire', '川建国','now')
Copier après la connexion

De plus, les événements prennent également en charge plusieurs autres méthodes :

once() : ajouter un écouteur unique

removeListener() / off() : supprimer l'événement auditeurs de l'événement

removeAllListeners() : Supprime tous les auditeurs de l'événement

Boucle d'événement

Nous savons que le code nodejs s'exécute dans un environnement monothread Oui, un seul la chose sera réglée à un moment donné.

Cette méthode de traitement évite le problème de synchronisation des données dans les environnements multithread et améliore considérablement l'efficacité du traitement.

La soi-disant boucle d'événements signifie que dans un cycle de programme, une fois que le processeur a traité les événements de ce cycle, il entrera dans le cycle d'événements suivant et traitera les affaires du cycle d'événements suivant. faire du vélo .

Blocage de la boucle d'événement

Si le traitement d'un événement est bloqué lors du traitement d'un événement, cela affectera l'exécution d'autres événements, on voit donc qu'en JS, presque toutes les IO sont non bloquant. C'est aussi pourquoi il y a tant de rappels en JavaScript.

Exemple de boucle d'événement

Regardons un exemple simple de boucle d'événement :

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    action2()
    action3()
}

action1()
Copier après la connexion

La sortie du code ci-dessus :

action1
action2
action3
Copier après la connexion

Pile et file d'attente de messages

Nous savons que les appels entre fonctions sont implémentés via la pile.

Mais toutes les méthodes de la fonction ne seront pas placées sur la pile, et certaines méthodes seront placées dans la file d'attente des messages.

Donnons un autre exemple :

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    setTimeout(action2, 0)
    action3()
}

action1()
Copier après la connexion

Le résultat de l'exécution du code ci-dessus est :

action1
action3
action2
Copier après la connexion

Le résultat est différent. En effet, settimeout déclenche le minuteur. Lorsque le minuteur expire, la fonction de rappel sera placée dans la file d'attente des messages pour être traitée au lieu d'être placée sur la pile.

La boucle d'événements donnera la priorité aux événements dans la pile. Ce n'est que lorsqu'il n'y aura aucune donnée dans la pile qu'elle passera à la consommation d'événements dans la file d'attente des messages.

Bien que le délai d'attente de setTimeout dans l'exemple ci-dessus soit de 0, il doit toujours attendre que l'action3 soit exécutée avant de pouvoir être exécuté.

Notez que le délai d'attente dans setTimeout n'attend pas dans le thread actuel. Il est appelé par le navigateur ou un autre environnement d'exécution JS.

File d'attente des tâches et promesse

La promesse dans ES6 introduit le concept de file d'attente des tâches qui exécutera le résultat de la fonction asynchrone dès que possible au lieu de le placer à la fin de l'appel. empiler.

Par exemple :

const action2 = () => console.log('action2')

const action3 = () => console.log('action3')

const action1 = () => {
    console.log('action1')
    setTimeout(action2, 0)
    new Promise((resolve, reject) =>
        resolve('应该在action3之后、action2之前')
    ).then(resolve => console.log(resolve))
    action3()
}

action1()
Copier après la connexion

Résultat de sortie :

action1
action3
应该在action3之后、action2之前
action2
Copier après la connexion

En effet, la promesse résolue avant la fin de la fonction actuelle sera exécutée immédiatement après la fonction actuelle.

C'est-à-dire que la pile est exécutée en premier, puis la file d'attente des tâches est exécutée et enfin la file d'attente des messages est exécutée.

process.nextTick()

Tout d'abord, permettez-moi de vous donner une définition appelée tick Un tick fait référence à un cycle d'événements. Process.nextTick() fait référence à l'appel de cette fonction avant le début du prochain tick de boucle d'événement :

process.nextTick(() => {
  console.log('i am the next tick');
})
Copier après la connexion

Donc, nextTick doit être plus rapide que le setTimeout de la file d'attente des messages.

setImmediate()

nodejs fournit une méthode setImmediate pour exécuter du code le plus rapidement possible.

setImmediate(() => {
  console.log('I am immediate!');
})
Copier après la connexion

La fonction dans setImmediate sera exécutée lors de la prochaine itération de la boucle d'événements.

Les fonctions de setImmediate() et setTimeout(() => {}, 0) sont fondamentalement similaires. Ils seront tous exécutés lors de la prochaine itération de la boucle d’événements.

setInterval()

Si vous souhaitez exécuter certaines fonctions de rappel régulièrement, vous devez utiliser setInterval.

setInterval(() => {
  console.log('每隔2秒执行一次');
}, 2000)
Copier après la connexion

要清除上面的定时任务,可以使用clearInterval:

const id = setInterval(() => {
  console.log('每隔2秒执行一次');
}, 2000)

clearInterval(id)
Copier après la connexion

注意,setInterval是每隔n毫秒启动一个函数,不管该函数是否执行完毕。

如果一个函数执行时间太长,就会导致下一个函数同时执行的情况,怎么解决这个问题呢?

我们可以考虑在回调函数内部再次调用setTimeout,这样形成递归的setTimeout调用:

const myFunction = () => {
  console.log('做完后,隔2s再次执行!');

  setTimeout(myFunction, 2000)
}

setTimeout(myFunction, 2000)
Copier après la connexion

更多编程相关知识,请访问:编程视频!!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter la programmation asynchrone avec les fonctions C++ ? Comment implémenter la programmation asynchrone avec les fonctions C++ ? Apr 27, 2024 pm 09:09 PM

Résumé : La programmation asynchrone en C++ permet d'effectuer plusieurs tâches sans attendre des opérations fastidieuses. Utilisez des pointeurs de fonction pour créer des pointeurs vers des fonctions. La fonction de rappel est appelée lorsque l'opération asynchrone est terminée. Les bibliothèques telles que boost::asio fournissent un support de programmation asynchrone. Le cas pratique montre comment utiliser les pointeurs de fonction et boost::asio pour implémenter des requêtes réseau asynchrones.

Quel est le mécanisme événementiel des fonctions C++ en programmation concurrente ? Quel est le mécanisme événementiel des fonctions C++ en programmation concurrente ? Apr 26, 2024 pm 02:15 PM

Le mécanisme événementiel de la programmation simultanée répond aux événements externes en exécutant des fonctions de rappel lorsque des événements se produisent. En C++, le mécanisme événementiel peut être implémenté avec des pointeurs de fonction : les pointeurs de fonction peuvent enregistrer des fonctions de rappel à exécuter lorsque des événements se produisent. Les expressions Lambda peuvent également implémenter des rappels d'événements, permettant la création d'objets fonction anonymes. Le cas réel utilise des pointeurs de fonction pour implémenter des événements de clic sur un bouton de l'interface graphique, appelant la fonction de rappel et imprimant des messages lorsque l'événement se produit.

Problèmes courants et solutions dans la programmation asynchrone dans le framework Java Problèmes courants et solutions dans la programmation asynchrone dans le framework Java Jun 04, 2024 pm 05:09 PM

3 problèmes et solutions courants dans la programmation asynchrone dans les frameworks Java : Callback Hell : utilisez Promise ou CompletableFuture pour gérer les rappels dans un style plus intuitif. Conflit de ressources : utilisez des primitives de synchronisation (telles que des verrous) pour protéger les ressources partagées et envisagez d'utiliser des collections thread-safe (telles que ConcurrentHashMap). Exceptions non gérées : gérez explicitement les exceptions dans les tâches et utilisez un cadre de gestion des exceptions (tel que CompletableFuture.exceptionally()) pour gérer les exceptions.

Comment le framework Golang gère-t-il la concurrence et la programmation asynchrone ? Comment le framework Golang gère-t-il la concurrence et la programmation asynchrone ? Jun 02, 2024 pm 07:49 PM

Le framework Go utilise les fonctionnalités de concurrence et asynchrones de Go pour fournir un mécanisme permettant de gérer efficacement les tâches simultanées et asynchrones : 1. La concurrence est obtenue via Goroutine, permettant d'exécuter plusieurs tâches en même temps. 2. La programmation asynchrone est implémentée via des canaux, qui peut être exécuté sans bloquer le thread principal;3. Convient aux scénarios pratiques, tels que le traitement simultané des requêtes HTTP, l'acquisition asynchrone des données de base de données, etc.

Comment implémenter la liaison d'événement de changement d'éléments sélectionnés dans jQuery Comment implémenter la liaison d'événement de changement d'éléments sélectionnés dans jQuery Feb 23, 2024 pm 01:12 PM

jQuery est une bibliothèque JavaScript populaire qui peut être utilisée pour simplifier la manipulation du DOM, la gestion des événements, les effets d'animation, etc. Dans le développement Web, nous rencontrons souvent des situations dans lesquelles nous devons modifier la liaison d'événements sur des éléments sélectionnés. Cet article explique comment utiliser jQuery pour lier des événements de modification d'éléments sélectionnés et fournit des exemples de code spécifiques. Tout d'abord, nous devons créer un menu déroulant avec des options utilisant des étiquettes :

Quels sont les avantages et les inconvénients de la programmation asynchrone en PHP ? Quels sont les avantages et les inconvénients de la programmation asynchrone en PHP ? May 06, 2024 pm 10:00 PM

Les avantages de la programmation asynchrone en PHP incluent un débit plus élevé, une latence plus faible, une meilleure utilisation des ressources et une évolutivité. Les inconvénients incluent la complexité, la difficulté de débogage et la prise en charge limitée des bibliothèques. Dans le cas réel, ReactPHP est utilisé pour gérer les connexions WebSocket, démontrant l'application pratique de la programmation asynchrone.

Programmation asynchrone Python : un moyen d'obtenir une concurrence efficace dans le code asynchrone Programmation asynchrone Python : un moyen d'obtenir une concurrence efficace dans le code asynchrone Feb 26, 2024 am 10:00 AM

1. Pourquoi utiliser la programmation asynchrone ? La programmation traditionnelle utilise le blocage des E/S, ce qui signifie que le programme attend la fin d'une opération avant de continuer. Cela peut bien fonctionner pour une seule tâche, mais peut entraîner un ralentissement du programme lors du traitement d'un grand nombre de tâches. La programmation asynchrone brise les limitations des E/S bloquantes traditionnelles et utilise des E/S non bloquantes, ce qui signifie que le programme peut distribuer des tâches à différents threads ou boucles d'événements pour exécution sans attendre la fin de la tâche. Cela permet au programme de gérer plusieurs tâches simultanément, améliorant ainsi ses performances et son efficacité. 2. La base de la programmation asynchrone Python La base de la programmation asynchrone Python est constituée de coroutines et de boucles d'événements. Les coroutines sont des fonctions qui permettent à une fonction de basculer entre la suspension et la reprise. La boucle événementielle est responsable de la planification

Comment créer des applications basées sur des événements en utilisant PHP Comment créer des applications basées sur des événements en utilisant PHP May 04, 2024 pm 02:24 PM

Les méthodes de création d'applications basées sur des événements en PHP incluent l'utilisation d'EventSourceAPI pour créer une source d'événements et l'utilisation de l'objet EventSource pour écouter les événements côté client. Envoyez des événements à l'aide de Server Sent Events (SSE) et écoutez les événements côté client à l'aide d'un objet XMLHttpRequest. Un exemple pratique consiste à utiliser EventSource pour mettre à jour les inventaires en temps réel sur un site Web de commerce électronique. Ceci est réalisé côté serveur en modifiant l'inventaire de manière aléatoire et en envoyant des mises à jour, et le client écoute les mises à jour d'inventaire via EventSource et les affiche dans. temps réel.

See all articles