Tri forcé de la boucle d'événements javascript

js monothread

js est monothread, ce qui est plus propice à l'interaction des utilisateurs et aux opérations DOM ; pour une explication détaillée des processus et des threads, vous pouvez cliquer sur le portail bien que le webworker puisse y parvenir ; multi-threading, par essence Il est également monothread. Les threads créés par webworker sont contrôlés par le thread principal et ne peuvent effectuer que des calculs

synchronisation js et asynchrone

Exécution synchrone : cela c'est-à-dire que le thread principal js exécute les tâches dans l'ordre, si vous utilisez webAPI/ajax et d'autres codes, vous attendrez sa réponse et le code suivant ne sera pas exécuté, c'est-à-dire que la tâche suivante doit attendre que la tâche précédente soit terminée ;

Exécution asynchrone : js est monothread et ne peut pas être exécuté. Il a des capacités asynchrones, mais le navigateur peut : lorsque js est exécuté et rencontre une API Web (telle que setTimeout/ajax, etc.), une valeur. sera renvoyé immédiatement, afin de ne pas bloquer le thread principal, et le véritable asynchrone est exécuté par le navigateur, et il sera discuté une fois terminé. La fonction de rappel est poussée dans la file d'attente des messages du thread principal js et attend. pour que le thread principal appelle ;

Mécanisme de boucle d'événement [Event-loop]

Lorsque js est exécuté, son thread principal a une pile d'exécution [appelée personnellement pile d'appel] (pile) et un file d'attente de messages [également appelée file d'attente de tâches ou file d'attente d'événements] (file d'attente d'événements) ; lorsque js rencontre une fonction pendant l'exécution, elle sera poussée sur la pile et sortie de la pile après l'exécution de la fonction, et le thread principal appelle Execute La pile et l'exécuter. S'il rencontre webAPI, il sera exécuté de manière asynchrone ; lorsqu'il n'y a pas de tâche dans la pile d'exécution, le thread principal interrogera la file d'attente des messages. Si la requête réussit, la tâche interrogée sera poussée dans la pile. pile pour l'exécution jusqu'à ce que la pile d'exécution soit vide, et le message sera à nouveau interrogé. La mise en file d'attente pour former une boucle est la fameuse boucle d'événements [Event-loop] puisque l'exécution asynchrone est terminée par le navigateur, il est facile de comprendre pourquoi. Les événements dom opérationnels lorsque le thread js est bloqué seront exécutés séquentiellement après la restauration du thread, [thread principal js La file d'attente des tâches est poussée par le navigateur et le thread js est bloqué == Le thread du navigateur est bloqué ! , même si le thread principal est bloqué, cela n'empêchera pas la tâche d'être poussée dans la file d'attente des tâches] ; dessinez un croquis

Un autre morceau de code :

　　　　　　// 主线程执行fn1任务  1function fn1(){ 
                console.log("任务1执行")// 遇到webAPI立即返回 这里是undefined值 并交给浏览器对应线程处理 2  // 浏览器收到后 0 毫秒将回调函数推入消息列队; 异步执行setTimeout(function(){// 查询到一个回调任务 入栈执行    5console.log("回调1执行")// 遇到webAPI立即返回 这里是undefined值 并交给浏览器对应线程处理  6  // 浏览器收到后 500   毫秒将回调函数推入消息列队; 异步执行setTimeout(function(){// 查询到一个回调任务 入栈执行    7console.log("回调2执行")
                    },500)
                },0)
            }// 主线程执行fn2任务 3function fn2(){console.log("任务2执行")}// 执行栈没有可执行任务 开始查询消息列队 4

• macrotâches : , setTimeout, setInterval, E/S, rendu UIsetImmediate

• microtâches : , process.nextTick, PromisesObject.MutationObserver

La spécification Promise/A+ indique :

console.log(170 Promise(89100 Promise(34562);
// 1 2 3 4 5 6 7 8 9 10

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!