异步任务包含微任务和宏任务
微任务优先级高于宏任务
Promise的回调函数属于微任务
setTimeout属于宏任务
一般是先执行同步任务,没有同步任务的时候才会去依次执行微任务和宏任务
eventloop
详细步骤如下:
1、所有同步任务都在主线程上执行,形成一个执行栈
2、主线程之外,还存在一个"消息队列"。只要异步操作执行完成,就到消息队列中排队
3、一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取消息队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行
4、主线程不断重复上面的第三步
【循环】
从代码执行顺序的角度来看,程序最开始是按代码顺序执行代码的,遇到同步任务,立刻执行;遇到异步任务,则只是调用异步函数发起异步请求。此时,异步任务开始执行异步操作,执行完成后到消息队列中排队。程序按照代码顺序执行完毕后,查询消息队列中是否有等待的消息。如果有,则按照次序从消息队列中把消息放到执行栈中执行。执行完毕后,再从消息队列中获取消息,再执行,不断重复。
由于主线程不断的重复获得消息、执行消息、再取消息、再执行。所以,这种机制被称为事件循环
Promise和setTimeout都是JS中用来处理异步操作的方法。其中,Promise可以更好地处理异步操作的结果,通过then及catch方法进行处理;而setTimeout则是一个定时器,可以在指定的时间后执行一段代码。需要注意的是,Promise的使用需要熟练掌握回调函数、链式调用等概念,而setTimeout则是一个相对简单的单纯的定时器。
Promise
Promise 构造函数是 JavaScript 中用于创建 Promise 对象的内置构造函数。
Promise 构造函数接受一个函数作为参数,该函数是同步的并且会被立即执行,所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject,分别表示 Promise 成功和失败的状态。
起始函数执行成功时,它应该调用 resolve 函数并传递成功的结果。当起始函数执行失败时,它应该调用 reject 函数并传递失败的原因。
Promise 构造函数返回一个 Promise 对象,该对象具有以下几个方法:
then:用于处理 Promise 成功状态的回调函数。
catch:用于处理 Promise 失败状态的回调函数。
finally:无论 Promise 是成功还是失败,都会执行的回调函数。
参考
Settimeout
setTimeout 是 JavaScript 中的一个定时器函数,用于在指定的时间之后执行一次回调函数,它不能解决回调地狱问题,而是用于延迟执行代码。