js高阶-async与事件循环

async函数

与普通函数的区别

复制代码
1.可以正常调用
2.返回值是一个promise
3.抛出异常,不影响后续代码执行
js 复制代码
// 3.抛出异常,返回的Promise对象为rejected状态

async function foo(){

    throw new Error("我是错误");

}

foo().catch(err=>{

    console.log(err);

  }

)

console.log("可以继续执行");

await 关键字

await 后面跟promise对象,

会暂停async函数的执行,等待promise状态改变

事件循环

js是单线程的,同一时间只能做一件事情

当遇到耗时长操作当前线程就会被阻塞

于是,出现异步操作
异步操作交给浏览器其他线程来处理,

处理完后将异步任务放入事件队列

js引擎在调用栈为空的时候会检测事件队列,从中取任务执行

这个过程事件循环

宏任务与微任务

事件队列,分为宏任务队列与微任务队列
js会先检查微任务队列,执行完后,在检查宏任务队列

宏任务

setTimeOut,ajax,UI Rendering,Dom监听等
微任务

Promise的then回调,queueMicroTask,Mutation Api等

相关推荐
用户61204149221313 分钟前
使用JSP+Servlet+JavaBean做的课程后台管理系统
java·javascript·mysql
AnalogElectronic17 分钟前
vue3 实现贪吃蛇手机版01
开发语言·javascript·ecmascript
asdfsdgss18 分钟前
Angular CDK 自适应布局技巧:响应式工具实操手册
前端·javascript·angular.js
Momentary_SixthSense35 分钟前
rust笔记
开发语言·笔记·rust
爱吃的强哥36 分钟前
Electron_Vue3 自定义系统托盘及退出二次确认
前端·javascript·electron
多多*44 分钟前
Spring Bean的生命周期 第二次思考
java·开发语言·rpc
大飞pkz1 小时前
【算法】排序算法汇总1
开发语言·数据结构·算法·c#·排序算法
Swift社区1 小时前
Foundation Model 在 Swift 中的类型安全生成实践
开发语言·安全·swift
草明1 小时前
当 Go 的 channel 被 close 后读写操作会怎么样?
开发语言·后端·golang
AI_56782 小时前
脑科学支持的Python学习法:每天2小时碎片化训练,用‘神经可塑性’打败拖延症“
开发语言·python·学习