zoukankan      html  css  js  c++  java
  • 宏任务与微任务

    /*

    js是单线程,所以也可以说是主线程,所以js代码都是在主线程执行的,
    只不过我们要区分它是同步执行还是异步执行;
    当一个代码是异步的话,对应的是回调函数。
    不同的任务对应不同的回调,比如:定时器的回调,发送js的回调,对应事件的回调
    定时器模块,网络请求模块,事件处理模块,回调的执行取决于模块什么时候将回调函数放入到事件队列eq,
    js引擎会通过轮询方式去询问这个事件队列是否有可执行的回调,如果有,就会将函数钩出去,钩到主线程去执行。
    所以回调函数也叫钩子函数。
    *
    * */


    /*
    宏任务
    分类:setTimeout setInterval
    requestAnimationFrame(用于提前告诉提醒浏览器我们将要在下一次进行动画之前,帮我们调用对应的回调函数)
    * 它们都是异步任务的同时又是宏任务
    *
    * 1.宏任务所处的队列就是宏任务队列
    * 2.第一个宏任务队列只有一个任务:执行主线程的js代码
    * 3.宏任务队列可以有多个
    * 4.当宏任务队列中的任务全部执行完之后会查看是否有微任务,
    * 有则先执行微任务队列中的所有任务,
    * 没有则查看是否有宏任务队列
    * */

    /*
    微任务
    * 分类:new Promise().then(回调) process.nextTick
    * 1.微任务所处的队列就是微任务队列
    * 2.只有一个微任务队列
    * 3.在上一个宏任务队列执行完毕后如果有微任务队列就会执行微任务队列中的所有任务
    * */


    console.log('------start---');//宏任务1,这个执行完,下一步会优先处理微任务。
    setTimeout(()=>{//宏任务2
    console.log('setTimeout');
    },0)

    new Promise((resolve,reject)=>{//微任务,需要处理完微任务队列的所有任务才能返回处理第二个宏任务。
    for(var i=0;i<5;i++){
    console.log(i);
    }
    resolve();//修改promise实例对象的状态为成功的状态
    }).then(()=>{
    console.log('promise实例成功回调执行');
    })
    console.log('-----end----')//
    //输出结果:------start---
    //0,1,2,3,4,
    //-----end----
    //promise实例成功回调执行
    //setTimeout

  • 相关阅读:
    android学习---Gallery画廊视图
    王立平--查看SQLite中的数据信息
    java中CyclicBarrier简单入门使用
    [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
    使用target打开的iframe 获取src的问题
    读《暗时间》的思考
    hdfs
    编译最新的SQLite 3.8.4.3为一个DLL
    使用Highcharts生成折线图_at last
    CentOS7 安装EFK(elasticsearch、fluent、kibana)进行Docker下日志搜集
  • 原文地址:https://www.cnblogs.com/dys6/p/11303856.html
Copyright © 2011-2022 走看看