前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >setTimeout、Promise、async和await区别

setTimeout、Promise、async和await区别

作者头像
刘嘿哈
发布2022-10-25 14:13:15
6010
发布2022-10-25 14:13:15
举报
文章被收录于专栏:js笔记js笔记

image.png

setTimeout

setTimeout是宏任务,会插入到宏任务(Task Queue)中;setTimeout和setInterval的运行机制是,将指定的代码移出本次执行,等到下一轮Event Loop时,再检查是否到了指定时间。如果到了,就执行对应的代码;如果不到,就等到再下一轮Event Loop时重新判断。这意味着,setTimeout指定的代码,必须等到本次执行的所有代码都执行完,才会执行。

Promise

Promise的.then是微任务,会插入到微任务队列(Microtask Queue)中; promise有三个状态: 1、pending[待定]初始状态 2、fulfilled[实现]操作成功 3、rejected[被否决]操作失败 当promise状态发生改变,就会触发then()里的响应函数处理后续步骤; promise状态一经改变,不会再变。 Promise对象的状态改变,只有两种可能: 从pending变为fulfilled 从pending变为rejected。 这两种情况只要发生,状态就凝固了,不会再变了。

async和await

generator的语法糖,asyn对generator改进,1.内置执行器,async函数执行和普通函数一样,一个括号搞定,2.更好的语义,3,async函数await后面可以是promise也可以是原始类型值(数值/字符串/布尔值,但是这时等于同步操作),同 Generator 函数一样,async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。当函数执行的时候,一旦遇到 await 就会先返回,等到触发的异步操作完成,再接着执行函数体内后面的语句。

本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-04-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • setTimeout
  • Promise
  • async和await
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com