Quel pilote javascript utilise-t-il ?

青灯夜游
Libérer: 2022-02-07 11:18:48
original
2210 Les gens l'ont consulté

Javascript est piloté par les événements. JavaScript est un langage de script basé sur les objets et les événements avec des fonctionnalités de sécurité. Il utilise un mécanisme basé sur les événements pour répondre aux opérations de l'utilisateur. Lorsque l'utilisateur opère sur un élément HTML, un événement sera généré, qui pilotera une fonction à gérer. il.

Quel pilote javascript utilise-t-il ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript est un langage de script basé sur les objets et les événements avec des fonctionnalités de sécurité.

Cet article explique le mécanisme événementiel de JavaScript côté navigateur et côté serveur (node.js) respectivement, et ajoute quelques exemples de programmation asynchrone pour approfondir la compréhension.

Le mécanisme événementiel de JavaScript côté navigateur

Tout d'abord, JavaScript s'exécute dans un seul thread côté navigateur, qui est déterminé par le navigateur, afin d'éviter les conflits lorsque plusieurs threads exécutent différentes tâches. . En d'autres termes, le code javascript que nous écrivons ne s'exécute que sur un seul thread, appelé thread principal (HTML5 fournit une API de travail Web qui permet au navigateur d'ouvrir un thread pour exécuter des tâches javascript plus complexes et plus longues, mais ce thread est toujours soumis au contrôle du thread principal). Pour un seul thread, si nous effectuons des opérations de « veille » telles que :

var now = + new Date()while (+new Date() <p>, alors dans près d'une seconde, le thread sera bloqué et incapable de continuer à effectuer les tâches suivantes. </p><p>Certaines opérations telles que l'obtention de données à distance, les opérations d'E/S, etc., prennent beaucoup de temps. Si la méthode de synchronisation est utilisée, le processus attendra en raison du temps nécessaire à l'exécution de ces opérations. comme ci-dessus et les tâches suivantes ne peuvent qu'attendre, ce qui n'est pas efficace. Afin de résoudre le problème de blocage causé par un seul thread, de nombreux systèmes d'exploitation ont implémenté un mécanisme de programmation asynchrone. Cela se fait également dans les <strong>navigateurs</strong>. Les principales performances sont les suivantes : </p>
Copier après la connexion
  • Exécutez uniquement le code javascript dans le thread principal

    .
  • thread principal Il entre dans la boucle d'événements dès son démarrage. L'ensemble du processus est une boucle continue, exécutant constamment la fonction de rappel. Lorsqu'il rencontre des requêtes réseau, des opérations d'E/S, etc., le navigateur ouvrira une fenêtre distincte. thread de travail pour le traiter et configurer les observations correspondantes. ou, puis revenir immédiatement au thread principal. Le thread principal continue d'effectuer les tâches suivantes

  • Une fois que le thread ouvert par le navigateur a traité la tâche ou a un événement surveillé. , il utilisera les données (ou entrées) obtenues pour former un événement et le placera dans l'observation correspondante. Dans la file d'attente des événements de l'auteur, la file d'attente des événements est dans le thread principal. Le thread principal boucle en permanence et vérifie constamment la file d'attente des événements. , et exécute les fonctions de rappel correspondant aux événements dans l'ordre en parcourant les événements Remarque : dans l'image ci-dessous, la file d'attente des messages est stockée dans le fil principal

  • Dans l'image ci-dessus, en supposant que vous lancez une requête AJAX, non. peu importe où vous écrivez la demande, elle se trouve toujours dans la fonction de rappel. Étant donné que le mécanisme événementiel résume tout en événements, le début de l’exécution du code est également un événement et la fonction de rappel est également implicitement appelée. L’appel de la fonction de rappel démarre l’exécution du code. Ensuite, le thread principal reviendra immédiatement après le lancement de la tâche asynchrone et continuera à exécuter le code suivant dans la fonction de rappel correspondant à "l'événement de démarrage du code". Lorsque la fonction de rappel est terminée, l'événement suivant sera exécuté. Pendant ce temps, le thread Ajax terminera la demande, puis enverra l'événement d'achèvement de la demande (y compris les données renvoyées) à la fin de la file d'attente des événements pour attendre le traitement. Lorsque le thread principal exécute cet événement, la fonction de rappel spécifiée le fera. être exécuté.
  • Probablement. Si vous avez des questions, veuillez lire ci-dessous. Parlons du processus et du mécanisme spécifiques basés sur le code.

    console.log("开始");setTimeout(function(){
      console.log(&#39;延迟执行的&#39;)
    }, 1000);setTimeout(function(){
      console.log(&#39;立即执行的&#39;)
    }, 0);
    console.log(&#39;结束&#39;) //开始 结束 立即执行的 延迟执行的
    Copier après la connexion

  • mécanisme watcher

watcher, observateur, est un mécanisme important pour les systèmes événementiels.

setTimeout est appelé un timer, qui est une API fournie par le navigateur. Chaque fois que vous utilisez une minuterie, cette fonction définira un watcher, observateur. Le thread principal continuera à boucler et à "passer" ici pour vérifier l'heure. Lorsque le thread principal vérifiera que l'intervalle de temps répond aux exigences, un événement de minuterie sera généré, ajouté à la file d'attente des événements watcher. et une fonction de rappel sera exécutée. Par conséquent, l'exécution de setTimeout génère un message pour appeler la fonction de rappel uniquement lorsque le temps est écoulé et l'ajoute à la file d'attente des événements. Par conséquent, la fonction de rappel n'est pas nécessairement appelée à l'heure spécifiée, cela dépend. combien d'événements précédents attendent d'être traités.

Quel pilote javascript utilise-t-il ?

Ce dont je viens de parler, ce sont les observateurs de minuterie, ainsi que les observateurs d'E/S, les observateurs de requêtes réseau, les observateurs d'événements de souris, les observateurs d'événements de clavier, etc. Nous rencontrons souvent des fonctions d'écoute d'événements qui vous demandent de lier une fonction de rappel, ce genre de la fonction d'écoute définit généralement watcher, et les événements générés par d'autres threads seront également placés dans la file d'attente des événements du watcher correspondant, donc chaque watcher watcher,其他线程产生的事件也会放到相应watcher的事件队列中,因此每个watcher产生自己的事件队列主线程在循环的时候,实际上是在依次调用这些watcher,检查每个watcher的事件队列,有事件就执行相应的回调。

Quel pilote javascript utilise-t-il ?

它的过程就是 :

  • 进程一启动就进入事件循环

  • 有监听就添加watcher

  • 遍历watcher下的事件队列

  • 执行下一个watcher

事件驱动机制,它会有各种各样的事件,大量的事件,它所做的一切都跟处理事件有关。但并不是所有的事件都有watcher,如果都有,主进程任务会变得非常繁重,况且有些事件我们并不关心,例如你只写了一个定时器,代表你关心这个事件,那么点击事件、网络请求事件就不用关心,因为你根本就没写啊,也就没有watchergénérer sa propre file d'attente d'événements

.

Lorsque le thread principal tourne en boucle, il appelle en fait ces watchers dans l'ordre, vérifie la file d'attente des événements de chaque watcher et exécute le rappel correspondant s'il y a un événement.

Quel pilote javascript utilise-t-il ?

Le processus est le suivant :
  • Dès que le processus démarre, il entre dans la boucle des événements
  • S'il y a un moniteur, ajoutez un watcher

  • Parcourez la file d'attente des événements sous watcher

Exécutez le prochain watcher

Il aura divers événements, un grand nombre d'événements, et tout ce qu'il fait est lié au traitement. événements. Mais tous les événements n'ont pas de watcher. S'ils le font, la tâche du processus principal deviendra très lourde. De plus, nous ne nous soucions pas de certains événements. Par exemple, si vous écrivez uniquement un timer, cela signifie que vous vous en souciez. Pour cet événement, vous n'avez pas besoin de vous soucier des événements de clic et des événements de requête réseau, car vous ne les avez pas du tout écrits, donc il n'y a pas de watcher.

🎜Mécanisme piloté par les événements javascript sur node.js🎜🎜🎜javascript Le mécanisme piloté par les événements sur node.js est à peu près le même que celui du navigateur. Ils sont tous deux monothread et ont des boucles d'événements. dans le navigateur Le mécanisme de boucle d'événements sur le nœud est à peu près le même. La différence est que l'exécuteur se comporte différemment car il se concentre sur des tâches différentes : 🎜🎜🎜🎜Le mécanisme asynchrone côté nœud et la boucle d'événements sont plus purs. Afin de prendre en charge une concurrence élevée, presque toutes les API du nœud sont asynchrones, ce qui utilisera pleinement les autres threads du système d'exploitation pour aider à accomplir les tâches, et le thread principal est uniquement responsable de la consommation des événements. Par exemple, lorsque le serveur Web reçoit une requête, le nœud la ferme, la transmet à d'autres threads pour traitement, puis répond à la requête Web suivante. Lorsque la requête est terminée, elle est placée dans la file d'attente de traitement, et lorsque la tête de file d'attente est atteinte, le résultat est renvoyé à l'utilisateur. Dans ce cas, le serveur Web accepte toujours les requêtes sans attendre aucune opération de lecture ou d'écriture. Ces performances d'E/S non bloquantes sont très fortes. 🎜🎜🎜🎜🎜🎜Du côté du navigateur, le navigateur est responsable de l'exécution de l'API BOM, de la gestion des threads, du traitement des informations saisies par l'utilisateur, etc. Sur le nœud, libuv, une bibliothèque principale de nœud, est responsable de l'exécution de l'API du nœud, de la gestion du le thread principal (exécutant javascript) et les threads de travail, etc. 🎜🎜🎜🎜Étant donné que le front-end et le back-end se concentrent sur des choses différentes, les API des deux environnements d'exploitation se concentrent également sur des tâches différentes🎜🎜🎜🎜[Recommandations associées : 🎜Tutoriel d'apprentissage javascript🎜🎜]🎜🎜

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal