Event Loop的过程?promise 定义时传入的函数啥时候执行？

最新推荐文章于 2022-10-02 21:10:23 发布
最新推荐文章于 2022-10-02 21:10:23 发布
阅读量231 收藏
点赞数
分类专栏： js 面试题 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40918145/article/details/123152720
版权
js 同时被 2 个专栏收录
91 篇文章 1 订阅
订阅专栏
面试题
21 篇文章 2 订阅
订阅专栏

主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。

用两个队列来处理异步任务。 以setTimeout为代表的任务放到被称为macrotask，放到Macrotask queue中， 而以Promise 为代表的任务放到Microtask queue中。 eventloop对这两个队列的处理逻辑也不一样。

执行过程如下： JavaScript引擎首先从macrotask queue中取出第一个任务， 执行完毕后，将microtask queue中的所有任务取出，按顺序全部执行（全部执行不仅指开始执行时队 列里的microtask，在这一步执行过程中产生的新的microtask，也要在这里执行） 然后再从macrotask queue中取下一个， 执行完毕后，再次将microtask queue中的全部取出； 循环往复，直到两个queue中的任务都取完。 换句话说，一次eventloop循环会处理一个macrotask和所有这次循环中产生的microtask

Promise定义时传入的函数什么时候执行的? 定义时的函数称为 执行器函数, 它是同步的,会立即执行

木头没有瓜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈promise和js执行机制（一）
weixin_34336526的博客
05-22 1094
作为一个入门级前端，今天是一个非常值得纪念的日子，因为这是我第一次在论坛上发表帖子，作为起步。虽然我觉得自己水平还是十分的有限，对一些细节的理解还不是很透彻，但是还是要迈出这一步，不管是给别的新手作为学习参考，还是自己以后回顾，总觉得需要把自己的成长记录下来，希望自己以后还是要多坚持，如果有不对的地方还是希望大家及时提出来，共同进步 今天有时间翻到了es6的promise,可能大家都对此熟悉不过，...
js事件循环机制event-loop理解
weixin_44383261的博客
05-15 168
事件循环机制event-loop由三部分组成：调用栈、微任务队列、消息队列。 event-loop开始的时候，会从全局一行一行执行，遇到函数调用，先压入调用栈中，被压入的函数称之为帧，当函数返回后会从调用栈中弹出。 当js中存在异步操作，比如fetch、setTimeOut、setInterval，押入到调用栈中的时候，里面的消息会进入到消息队列中去，等到调用栈清空之后再执行。 promise、async、await的异步操作会加入到微任务中，在调用栈清空的时候立即执行。调用栈中加入的微任务会立即执行。微任
promise 使用
weixin_60084748的博客
08-05 623
promise基础使用 及其面试中所遇到的执行顺序问题 配合 async和await使用。* Pending -> Fulfilled Fulfilled状态（已成功）* Pending -> Rejected Rejected状态（已失败）* 对象的状态不受外界影响 （3种状态）* 创建Promise以后会立即执行。* Fulfilled状态（已成功）* Rejected状态（已失败）* Pending状态（进行中）* 一旦确认 状态不可逆转。...
promise 与 async await的几点总结
weixin_41990749的博客
10-02 138
6、async await对比Promise的优势在于可以将并行线程串行化，写起来比较好理解，且能够弥补Promise在多个then链式调用时难以准确catch哪条错误的问题（await 使用传统的try catch即可），但是我们需要知道异步任务串行地场景，一般是后一个异步任务依赖于上一个异步任务地结果，此时才需要串行异步任务。3、不管是Promise对象内部的回调函数，还是 async修饰的函数，其在主线程中都是串行执行的，本身与异步函数没关系，只有其内部调用了异步函数才另起线程并行于主线程。
简答类题目
皮蛋很白的博客
09-10 691
1、typescript和javascript的区别 关系：typescript是基于javascript基础之上的编程语言，是javascript的超集。 语言类型：javascript是弱类型语言，typescript是强类型语言。 TS需要编译，JS基本直接被浏览器解析执行。 主要区别就是 typescript 扩展的功能： 类型系统 类型检查 类型注解 支持ES6新特性（可以编译为指定版本的ES） 增加了其他概念： 扩展类class的一些概念 如抽象类 public private pr
EventLoop执行顺序.zip
02-03
EventLoop执行顺序： EventLoop执行顺序的流程图 EventLoop执行顺序的PDF文档
JavaScript运行机制之事件循环(Event Loop)详解
10-25
主要介绍了JavaScript运行机制之事件循环(Event Loop)详解,本文从多个方面讲解了Event Loop,需要的朋友可以参考下
深入分析JavaScript 事件循环(Event Loop)
10-15
主要介绍了JavaScript 事件循环(Event Loop)的的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
JS事件循环机制event loop宏任务微任务原理解析
10-14
主要介绍了JS事件循环机制event loop宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
javascript事件循环event loop的简单模型解释与应用分析
10-15
主要介绍了javascript事件循环event loop的简单模型解释与应用,结合实例形式分析了javascript事件循环event loop的与模型原理及使用技巧,需要的朋友可以参考下
Event Loop执行顺序
weixin_33774308的博客
10-27 885
简要介绍：谈谈promise.resove,setTimeout,setImmediate,process.nextTick在EvenLoop队列中的执行顺序 问题的来源 event loop都不陌生，是指主线程从“任务队列”中循环读取任务，比如 例1： setTimeout(function(){console.log(1)},0);...
es6 Promise 执行顺序
网络记事本
06-22 950
'use strict'; setTimeout(function () { console.log('three'); }, 0); new Promise(function(resolve,reject){ console.log(1); resolve(1); console.log(2); }).then(function () {...
2020前端面试题整理
qq_35469739的博客
09-01 473
1、已知如下对象，请基于 es6 的 proxy 方法设计一个属性拦截读取操作的例子，要求实现去访问目标对象 example 中不存在的属性时，抛出错误：Property “$(property)” does not exist // 案例代码 const man = { name: 'jscoder', age: 22 } //补全代码 const proxy = new Proxy(...) proxy.name // "jscoder" proxy.age // 22 proxy.locati
对event loop的理解（举例说明javascript中event loop事件循环的运行机制）
qq_15267283的博客
02-04 3569
对event loop的理解（event loop即事件循环的运行机制） 前言 js是一种单线程的语言，所以它通过event loop机制实现了对异步任务和多线程。 首先你要对栈、队列的数据结构有一定的了解，其次还要会Promise才能看懂今天的内容。 一、在了解event loop前，我们首先要知道一些基础知识 宏任务：script全部代码、setTimeout、setInterval、setImmediate、I/O、UI Rendering。 微任务：Process.nextTick（Node 独有
前端基础（十）：promise
weixin_34326558的博客
08-17 123
字数：2874 阅读时间：10分钟 前言 promise是异步调用的解决方案，它有业界公认的标准：www.ituring.com.cn/article/665… 有许多优秀的实现插件，如：Jquery、Q等，ES6中也添加了该特性。 它的使用方式也很简单，如下代码： let promise = new Promise(function(resolve, reject){ setTimeou...
Promise
hao_xiao_guang的博客
09-30 344
什么是Promise？ ES6 新增异步解决方案 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，promise是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise 是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch、finally等方法。 Promise的两个特点 Promise对象的状态不受外界影响 1）pending 初始状.
promise的基本用法
weixin_30606461的博客
08-28 63
Promise解决的问题 当一个异步任务的执行需要依赖另一个异步任务的结果时，我们一般会将两个异步任务嵌套起来，如下： Promise的基本用法 async1(function() { async2(function() { async3(function() { async4(function() { async5(function() ...
EventLoop宏任务和微任务的执行顺序，先执行宏任务再执行微任务！
_web_Z的博客
08-23 2507
答：宏任务先执行然后再执行微任务。因为script是一个大的宏任务！ 首先你需要了解任务分类，在js中任务分为同步任务和异步任务，为什么这么搞？因为js是单线程的，为什么是单线程的？因为js设计之初是为了解决页面交互的，一种脚本没必要那么复杂，其次如果js设计成多线程的，会有很大的问题，多线程要考虑线程之间的资源抢占，死锁，冲突之类的，加入你在操作一个dom节点把它改成了红色，然后另一个线程把它删除掉了，这时你就会完全懵掉。 什么是宏任务，什么是微任务？ 微任务设计的目的简单讲就是为了插队！ 微任务在宏任务
sessionStorage清空所有缓存方法
热门推荐
weixin_40918145的博客
07-23 5万+
sessionStorage.clear()轻松搞定
Python中Event loop is closed怎么解决？
最新发布
06-09
当Python的Event loop被关闭时，通常是因为在asyncio应用程序中某些代码试图使用已经关闭的Event loop。要解决这个问题，可以尝试以下几种方法： 1.确保在asyncio应用程序中只有一个Event loop正在运行并且关闭它时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值