事件循环机制eventLoop？Js事件流？JavaScript如何实现异步编程？

原创于 2023-02-20 15:55:03 发布 · 366 阅读

CC 4.0 BY-SA版权

文章标签：

JavaScript设计为单线程，因此在处理耗时任务如DOM操作或数据请求时，会采用异步模式避免阻塞页面。同步任务先执行，然后宏任务和微任务按照特定顺序在事件循环中处理。宏任务包括script、setTimeout等，微任务则有Promise.then和process.nextTick。异步方式还包括async/await、Ajax和fetch等用于资源加载和接口获取。

                    
                    单线程模式：由用户交互和修改dom的问题，只能决定js就是单线程任务
异步模式诞生：同步模式遇到耗时操作页面便会阻塞，就像图片加载，接口获取，页面会一直等待；
在执行主线程时，先执行同步任务，将异步任务放入事件表注册，等待完成后丢进事件队列中，同步任务完成后取事件队列任务放入主线程，
异步任务分为宏任务和微任务
宏任务：script、setTimeout、setInterval、setImmediate
微任务：promise.then、(Node)process.nextTick、MutationObserver
执行顺序：
同步任务依次执行
所有宏任务归为宏任务队列
所有微任务归为微任务队列
清空微任务、再取一个宏任务(两个不断循环直到结束运行代码)

异步方式有？
读取资源：defer、async、script引入、requiredjs、commonjs
获取接口：ajax、axios、fetch