zoukankan      html  css  js  c++  java
  • eventloop 事件循环笔记

    本文内容是学习以下2篇文章的笔记

    https://juejin.im/post/5a6155126fb9a01cb64edb45

    https://juejin.im/post/59e85eebf265da430d571f89

    monitoring process进程不断检查主线程是否为空,为空的话就去执行Event Queue里面等待被调用的函数

    settimeout(function() {

    task();

    },3)

    sleep(1000000);

    1.task进入EventTable并注册,计时开始

    2.执行sleep,很慢,计时器仍在继续

    3.3s到了,计时事件timeout完成,task进入Event Queue但是sleep还没完,继续等待

    4.sleep执行完了,task进入主线程执行。

    settimeout在指定时间后将要执行的任务加入Event Queue,又因为单线程任务要一个一个执行,如果前面的任务耗时太久就只能等着,导致延时超过3s。

    settimeout(fn,0) 指定某个任务在主线程最早可得的空闲时间执行,意思是不用等多少秒了,主线程执行栈内所有同步任务全部执行完成了,栈为空就马上执行

    ps:即使主线程为空,0ms也是达不到的,最低4ms (尚未验证)

    setinterval(fn,ms)不是没过ms秒就会执行一次,而是没过ms秒将fn置入Event Queue,如果前面任务耗时太久仍需等待

    注意:一旦回调fn的执行时间超过延迟时间,那么就完全看不出有时间间隔了

    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    process.nextTick(fn) 类似于node版本的settimeout,在事件循环的下一次循环中调用fn回调函数

    macro-task宏任务:整体代码script,settimeout,setinterval (new Promise也包括)

    micro-task微任务:promise,process.nextTick

    事件循环的顺序决定了js的执行顺序,进入整体代码(宏任务)后开始第一次循环,接着执行所有的微任务,然后再次从宏任务开始,找到其中一个队列执行完再执行所有的微任务

    console.log('1');

    setTimeout(function() {
        console.log('2');
       process.nextTick(function() {
              console.log('3');
       })
       new Promise(function(resolve) {
             console.log('4');
             resolve();
          }).then(function() {
                 console.log('5')
    })
    })
    process.nextTick(function() {
          console.log('6');
    })
    new Promise(function(resolve) {
          console.log('7');
           resolve();
    }).then(function() {
             console.log('8')
    })

    setTimeout(function() {
             console.log('9');
            process.nextTick(function() {
                 console.log('10');
            })
            new Promise(function(resolve) {
                console.log('11');
                resolve();
             }).then(function() {
                     console.log('12')
    })
    })

    解析:

    1.首先执行整体代码打印出 1 7

    2.此时有2个宏任务set1,set2,2个微任务p1 then1,执行这两个微任务得到6 8

    3.执行宏任务set1,得到2,4,执行与这个宏任务并列的微任务p2,then2得到3 5

    4.执行宏任务set2,得到9,11,执行与这个宏任务并列的微任务p3,then3得到10 12

    答案:1 7 6 8 2 4 3 5 9 11 10 12

    每天进步一点点
  • 相关阅读:
    Linux下安装confluence汉化破解版
    某种可以解决一切问题的方法
    普通平衡树(treap)
    文艺平衡树(splay模板)
    [CQOI2015]任务查询系统
    [NOIP2016]天天爱跑步
    NOI2018_Day1_T1_归程
    Picture
    bzoj3524 Couriers
    bzoj2588 counting on a tree
  • 原文地址:https://www.cnblogs.com/miraclesakura/p/10103340.html
Copyright © 2011-2022 走看看