首页 > 编程语言 >面试知识点:JavaScript主任务、微任务

面试知识点:JavaScript主任务、微任务

时间:2022-09-24 10:00:17浏览次数:51  
标签:function 知识点 resolve console log JavaScript 任务 setTimeout

JavaScript主任务、微任务、宏任务的执行顺序,输出1-9

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

 

宏任务和微任务

任务队列中有两种任务,一种是宏任务一种是微任务。具体概念我也没有查到,但是可以这样去理解,微任务就是执行完当前主线程任务后就要马上执行的任务,宏任务则是要放到下一次的事件循环中的主线程中的任务。

一般的宏任务有setTimeout和setInterval

微任务则有promise、process.nextTick等
————————————————
版权声明:本文为CSDN博主「伯约同学」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_56227492/article/details/123037505

标签:function,知识点,resolve,console,log,JavaScript,任务,setTimeout
From: https://www.cnblogs.com/caoke/p/16724998.html

相关文章

  • golang知识点
    1.“=”和“:=”在golang中“=”是赋值(使用=号赋值必须先var声明使用)varaa=100varb=100varcint=100“:=”是声明变量后并赋值(:=是声明并赋值并且系统自......
  • JavaScript HTML DOM 节点列表
    NodeList 对象是一个从文档中获取的节点列表(集合)。所有浏览器的 childNodes 属性返回的是NodeList对象。大部分浏览器的 querySelectorAll() 返回NodeList......
  • JavaScript 之 扩展知识
    扩展知识: 1.JavaScript的应用     2.浏览器内核[WebKit]由 WebCore和  JavaScriptCore组成WebCore:负责HTML解析,布局,渲染......
  • JavaScript HTML DOM 集合(Collection)
    Collection对象:getElementsByTagName()方法返回htmlCollection对象。此对象包含html元素的一个数组 length属性:元素的数量。此属性常用于遍历集合中的元素使用......
  • JavaScript HTML DOM 元素 (节点)
    创建新的元素节点-appendChild():appendChild()方法:将元素添加到尾部创建新的元素节点-insertBefore():insertBefore()方法,将元素添加到开始位置移除已存在的元素:需要知......
  • JavaScript HTML DOM EventListener
    可向指定元素添加事件句柄添加的句柄不会覆盖已存在的事件句柄可向一个元素添加多个事件句柄可向同个元素添加多个同类型的事件句柄,如两个“click”事件向DOM对象添加......
  • JavaScript
    JavaScript的组成ECMAScript : 定义语言规范DOM: 操作文档的APIBOM: 操作浏览器的API......
  • JavaScript 对象
    1.创建对象对象以键值对的方式进行存储,是一组无序的相关属性和函数方法的集合,可以通过键(属性名)访问这些值。在JavaScript中所有东西都是对象。字面量创建varobj=......
  • JavaScript变量
    1.变量的使用 (1)声明变量      (2)输出变量 控制台打印输出结果 、2.案例练习(1)变量案例  输入代码 在控制台显示结果:  (2)变量案......
  • JavaScript HTML DOM 事件
    对事件做出反应:当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交HTML表单时当用户触发按键时用户点击改变内容:......