Promise、async/await、setTimout执行顺序

本文详细探讨了JavaScript中异步编程的概念,包括宏任务和微任务的区别,async/await及Promise的工作原理。通过具体代码示例,展示了不同异步机制的执行顺序,帮助读者理解事件循环机制。
			async function async1() {
				console.log('async1 start')
				await async2()
				console.log('async1 end')
			}
			function async2(){
				console.log('async2')
			}
			console.log('script start')
			setTimeout(item=>{
				console.log('setTimeout')
			},1000)
			async1()
			new Promise((resolve,reject)=>{
				console.log('promise1')
				resolve()
			}).then(()=>{
				console.log('promise2')
			})

			//script start
			//async1 start
			//async2
			//promise1
			//async1 end
			//promise2
			//setTimeout

eventLoop分为宏任务和微任务
宏任务:Javascript同步代码、setTimeout、setInterval
微任务:Promise.then() async方法中的await执行之后的代码
先执行宏任务再执行微任务,再执行下一轮的宏任务和微任务,往复循环

new Promise()是同步执行,回调then才是异步操作

async/await
async定义的方法,如果没有await,那么这个函数就是一个普通的同步函数
如果有await定义,那么无论await之中是否是同步还是异步,之后的代码都不会再执行,都会放到微任务之中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值