JavaScript中Promise如何处理异步的并行与串行


这篇“JavaScript中Promise如何处理异步的并行与串行”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript中Promise如何处理异步的并行与串行”文章吧。同时处理,相互之间没啥依赖一起发送多个请求(处理多个异步),但是需要等到所有异步都成功,我们再整体做啥事!!语法:letpromise=Promise.all([promise1,promise2,…]);执行Promise.all返回一个新的promise实例@P并且传递一个数组,数组中包含N多其它的promise实例如果数组中的每一个promise实例最后都是成功的,则@P也将会是成功的,它的值也是一个数组,按照顺序依次存储各个promise实例的结果;但凡数组中的某个promsie实例是失败的,则@P也是失败的,值是当前这个实例失败的原因!如果数组中有一项并不是promise实例(例如:是个100),则浏览器也会把其默认变为一个状态是成功的promsie实例,值就是当前项本身第一个异步成功才能发送第二个,第二个成功才能发送第三个….多个异步之间一般是有依赖的promise状态是失败,如果不用catch(或者onrejected)处理,控制台会抛出异常:Uncaught(inpromise)xxx,但是此异常不会阻碍下面代码执行!!首先,我们复习一下事件循环机制EventLoop同步代码执行,遇到一个异步任务1.先把其放在WebAPI进行监听2.当前异步任务监听到可以执行了,则再把其放在EventQueue中,排队等待执行同步任务执行完,主线程空闲下来1.去EventQueue中找可执行的微任务,如果微任务中都执行完了,再去找可执行的宏任务「队列:优先级队列&先进先出」2.取到的任务都放在Stack中交给主线程去执行……那么接下来我们来了解一下promise.then(onfulfilled,onrejected) 在内存中的执行promise.then(onfulfilled,onrejected) 在内存中的执行情况一:我此时已经知道promise是成功还是失败的我们此时应该去执行onfulfilled或者onrejected,但是不是立即执行,它是一个异步的微任务首先把执行对应的方法这个事情放在WebAPI中监听,但是因为此时已经知道状态了,对应的方法肯定可以执行,所以紧接着把它挪至到EventQueue中「异步微任务队列」等待执行情况二:此时的promise还是pending状态我们把onfulfilled/onrejected先存储起来,只有当后面,我们把实例的状态修改为成功/失败的时候,再取出之前存储的方法,把其执行「而且此时再执行,还是个异步微任务」还是要经历:WebAPI->EventQueueaysnc最主要的作用就是:如果想在函数中使用await,则当前函数必须基于async修饰aysnc修饰符,让函数的返回值成为一个promise实例 这样就可以基于THEN链去处理了如果函数自己本身就返回一个promise实例,则以自己返回的为主如果函数自己本身没有返回promise,则会把返回值变为一个promise实例:状态=> 成功 值=>返回值如果函数执行报错则返回的实例状态是失败,值是报错原因,但不影响下面代码执行我们一般在其后面放promise实例 它会等待实例状态为成功,再去执行“当前上下文”中 ,await下面的代码【如果promise实例管控的是一个异步编程,其实它是在等待异步成功,再执行下面的代码,类似于把异步改免费云主机域名为同步的效果】await 10 =>默认转为 await Promise.resolve(10)如果后面放的不是promise实例,则浏览器默认把其转换为”状态为成功,值就是这个值 ” 的实例await中的异步:当前上下文,await下面的代码执行是异步微任务情况1:await后面的promise实例我们已知是成功的先把微任务放置在WebAPI中,但是知道是可以执行的,则直接在挪至到EventQueue中等待执行情况2:await后面的promise实例还是pending状态 此时我们把微任务放置在WebAPI中监听,等到后期promise实例是成功态后,再把它挪至到EventQueue中等待执行即可基于事件绑定属于异步宏任务以上就是关于“JavaScript中Promise如何处理异步的并行与串行”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注百云主机行业资讯频道。

相关推荐: Vue动态实现评分效果的方法是什么

这篇文章主要介绍“Vue动免费云主机域名态实现评分效果的方法是什么”,在日常操作中,相信很多人在Vue动态实现评分效果的方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue动态实现评分效果的方法是什么”的疑惑有所帮助!…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/02 22:04
Next 03/02 22:04

相关推荐