setTimeout、Promise、 Async/Await 的区别

最新推荐文章于 2023-04-16 08:45:00 发布
最新推荐文章于 2023-04-16 08:45:00 发布
阅读量369 收藏 2
点赞数 3
分类专栏： 笔记 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56344602/article/details/119044947
版权

事件循环中分为宏任务队列和微任务队列

setTimeout

延时器：setTimeout(回调函数,间隔时间)：以毫秒为单位间隔指定时间后调用回调函数（仅1次）

setTimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行

 

Promise

ECMAscript 6 原生提供了 promise 对象。

promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。

对于已经实例化过的 promise 对象可以调用 promise.then() 方法，传递 resolve 和 reject 方法作为回调。

promise.then里 的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行

Async/Await 

async函数表示函数里面可能会有异步方法，await后面跟一个表达式

async和await必须基于返回了pormise的函数，对于其它的函数没有任何作用

async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行

 

海海呐
关注
专栏目录
“setTimeout、Promise、Async/Await 的区别”题目解析和扩展
m0_37595954的博客
12-11 444
解答这个题目之前，先回顾下JavaScript的事件循环(Event Loop)。 JavaScript的事件循环 事件循环(Event Loop):同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。当指定的事情完成时，Event Table会将这个函数移入Event Queue。主线程内的任务执行完毕为空，会去Event Queue...
Promise与async/await的区别
weixin_72254828的博客
09-30 362
Promise与async/await的区别
setTimeout、Promise、Async/Await 的区别
qq_35744728的博客
02-21 1578
setTimeout、Promise、Async/Await 的区别 如何避免回调地狱 1）Promise构造函数是同步执行的，then方法是异步执行的 2）async/await可以通过编写形似同步的代码来处理异步 1async/await, 搭配 Promise,可以通过编写形似同步的代码来处理异步流程, 1async 用于申明一个 function ，而 await 用于写异步方 法执行完成 async 函数返回一个 Promise 对象，可以使用 then 方法添加函数 setTime
setTimeout、promise、async/await 的区别
wangpachong的博客
04-28 4090
setTimeout、promise、async/await 的区别 setTimeout属性宏任务，Promise里面的then方法属于微任务，Async/Await中await语法后面紧跟的表达式是同步的，但接下来的代码是异步的，属于微任务。 宏任务优先级： 主代码块 > setImmediate > MessageChannel > setTimeout / setInterval 微任务优先级 微任务microtask：process.nextTick > Promise =
【每日卤一题】setTimeout、Promise、Async/Await 的区别
椰卤工程师的个人博客
11-20 359
1、setTimeout console.log('script start') //1. 打印 script start setTimeout(function(){ console.log('settimeout') // 4. 打印 settimeout }) // 2. 调用 setTimeout 函数，并定义其完成后执行的回调函数 console.log('script end') //3. 打印 script start // 输出顺序：script start->script
settimeout promise async/await 区别
最新发布
04-03
setTimeout、Promise和async/await是JavaScript中处理异步操作的三种方式，它们之间有以下区别： 1. setTimeout是一个用于延迟执行的函数，它接受一个回调函数和延迟时间作为参数。当延迟时间到达后，回调函数会被...
详解小程序原生使用ES7 async/await语法
10-18
async/await是基于Promise的一种语法，可以让异步操作以同步的方式书写，提高代码的可读性和可维护性。在小程序中使用async/await，可以提升用户对异步操作的感知体验，使得代码更加优雅。本篇文章将详解如何在微信...
async/await、promise和setTimeout的执行顺序是怎样的？
tyxjolin的专栏
04-16 1121
在计算机科学中，异步编程是指一种程序设计模式，其中程序在等待某些操作完成时不会阻塞。这使得程序能够在等待操作完成的同时执行其他任务。异步编程在Web开发中特别有用，因为许多Web应用程序需要与远程服务器交互，而这些交互可能会花费很长时间。JavaScript是一种单线程编程语言，这意味着它一次只能执行一个任务。这使得在JavaScript中进行异步编程尤其重要。
异步Promise及Async/Await详解
qq_15859173的博客
12-21 723
一、为什么有Async/Await？ 我们都知道已经有了Promise的解决方案了，为什么还要ES7提出新的Async/Await标准呢？ 答案其实也显而易见：Promise虽然跳出了异步嵌套的怪圈，用链式表达更加清晰，但是我们也发现如果有大量的异步请求的时候，流程复杂的情况下，会发现充满了屏幕的then，看起来非常吃力，而ES7的Async/Await的出现就是为了解决这种复杂的情况。 首先，我们必须了解Promise。 二、Promise简介 2.1 Promise实例 什么是Promise，很多人应该
setTimeout、Promise、Async\Await的区别
jyr28733669lq的博客
08-11 375
三者的主要区别体现在事件循环中，事件循环都是通过任务队列的机制来进行协调的，又分为宏任务和微任务 宏任务： script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境) 微任务： Promise.then、MutaionObserver、process.nextTick(Node.js 环境) setTimeout回调函数执行时放到宏任务队列 Promise中的代码是被当
必会:setTimeout、Promise、Async/Await 的区别
weixin_57066052的博客
09-16 378
事件循环中分为宏任务队列和微任务队列 宏任务（macrotask）：在新标准中叫 task 主要包括：script(整体代码)，setTimeout，setInterval，setImmediate，I/O，ui rendering 微任务（microtask）：在新标准中叫 jobs 主要包括：process.nextTick， Promise，MutationObserver（html5 新特性） setTimeout、Promise、Async/Await 的区别
随笔写：setTimeout、Promise、Async/Await的区别？
m0_58875280的博客
09-27 207
晚上好呀，闲话少叙。直接讲知识点吧，要好好背嗷。
[JavaScript][异步]setTimeout、Promise、Async/Await 的区别
DaftJayee的博客
08-22 723
我觉得这题主要是考察这三者在事件循环中的区别，事件循环中分为宏任务队列和微任务队列。其中settimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行； promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行；async函数表示函数里面可能会有异步方法，await后面跟一个表达式，async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行。 console.log('scri
js异步编程 setTimeout、Promise、Async/Await 的区别
$狴犴^的博客
12-23 1489
setTimeout、Promise、Async/Await 的区别 setTimeout( )Promise 首先先了解js的执行顺序: 1、JS是单线程语言，包括同步任务、异步任务，异步任务又包括宏观任务和微观任务 2、执行顺序：同步任务——>微观任务——>宏观任务 3、宏观任务的方法有：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境) 4、微观
谈谈setTimeout、Promise、Async/Await 的区别
qq_39689241的博客
10-10 1120
首先我们谈谈Event Loop： setTimeout是一个macro任务 promise、和await后续为micro任务 所以在执行顺序上会先进行同步代码，再者Promise、Async/Await，最好setTimeout。 谈谈Promise、Async/Await差异 promise是resolve为异步方法，将放入微任务队里里执行，但是resolve前后的正常代码为同步代码；...
setTimeout、Promise、Async/Await的区别
qq_36434345的博客
11-02 497
setTimeout // 输出顺序：script start->script end->settimeout console.log("script start"); setTimeout(function(){ console.log("settimeout"); }) console.log("script end"); Promise Promise 本身是同步的立即执行函...
settimeout promise async-await的区别
weixin_39808181的博客
02-25 397
1.settimeout console.log('scriptstart') setTimeout(()=>{ console.log('setTimeout') }); console.log('scriptend') //执行顺序scriptstart->scriptend->setTimeout 2.Promise promise本身是同步的立即执行函数，当在executor中执行resolve或者reject的时候是异步操作，会先执行then/c...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海海呐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值