es6中的异步处理模型详解

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

模型

1.es6将某一件可能发生异步操作的事情分为两个阶段：unsettled和settled。

unsettled：未决阶段，表示事情还在进行前期处理，还没有发生通向结果的事情
settled：已决阶段，表示事情已经有了结果，事情无法逆转
在这里插入图片描述
事情总是从未决到已决的，未决有控制何时到达已决的能力。

2.es6将事情划分为三种状态：pending、resolved、rejected

  • pending: 挂起，处于未决阶段
  • resolved：已处理，已决阶段的一种状态，表示整件事情已经出现结果，而且这个结果是正常处理下去的
  • rejected：已拒绝，已决阶段的一种状态，表示整件事情已经出现结果，但是这个结果是不可以正常处理下去的，通常是错误

把事情变为resolved状态的过程叫做：resolve，把事情变为rejected状态的过程叫做：reject。两个过程都可以传递数据。阶段和过程都是不可逆的。
在这里插入图片描述
3.当事情到达已决阶段后，通常需要后续处理，不同的已决阶段决定了不同的后续处理

  • resolved状态：这是一个正常的已决状态，后续处理表示为 thenable
  • rejected状态：这是一个非正常的已决状态，后续处理表示为 catchable
  • 后续处理可能会有多个，所以会形成作业队列
    在这里插入图片描述
    4.这整个过程叫做Promise
    理解这些概念，对学习Promise非常重要！
学前端的菜鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ES6中的Promise
weixin_46094474的博客
10-16 73
在了解Promise之前,我们需要先说一说回调地狱。 那么什么是回调地狱呢? 简单来说就是在JS中, 某个异步操作需要等到之前的异步操作之后, 这种情况下, 无论回调是事件还是其他函数, 都会陷入不断的回调。 <script> function foo(){ console.log('恭喜你中奖了!') } setTimeout(() => { const rate = Math.random(
es6之异步编程
weixin_52129860的博客
03-17 344
在实例化中，参数为函数，函数中又有两个用于回调的函数。两个回调函数中，resolve 为异步执行成功时的回调，其参数可以传递执行的结果。reject 为异步执行失败时的回调，其参数可以传递失败的错误信息。使用 resolve 和 reject 方法传递出去的参数被谁接收到了，是以何种方式接收的？接下来说下 then 方法。
ES6—异步解决方案
whl0071的专栏
08-17 1751
ES6—异步解决方案
ES6学习——关于ES6中的异步操作处理
我们的目标是星辰大海
10-09 1506
1.Promise Promise 是异步编程的⼀种解决⽅案，⽐传统的解决⽅案——回调函数和事件——更合理和更强⼤。 ⼀个 Promise 必然处于以下⼏种状态之⼀： 待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。 已兑现（fulfilled）: 意味着操作成功完成。 已拒绝（rejected）: 意味着操作失败 图源MDNPromise - JavaScript | MDN 1. 构造函数 创建⼀个新的 Promise 对象。该构造函数主要⽤于包装还没有...
ES6解决异步问题
qq_59494319的博客
07-21 435
ES6新增的promise以及练习题
ES6中异步对象Promise用法详解
12-10
本文实例讲述了ES6中异步对象Promise用法。分享给大家供大家参考，具体如下： 回忆一下ES5中的怎么使用异步方法 // es5中的异步回调 let ajax = function(callback){ console.log('执行') // 执行 setTimeout(()...
详解ES6 系列之异步处理实战
10-17
主要介绍了详解ES6 系列之异步处理实战，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6 javascript的异步操作实例详解
10-19
主要介绍了ES6 javascript的异步操作,结合实例形式分析了ES5中异步操作的概念、原理、使用方法及相关注意事项,需要的朋友可以参考下
Es6中处理异步的方式
水痕
07-13 2561
一、在javascript中造成异步的因素 1、定时器 2、事件 二、使用Promise把异步变成同步 参考文档1、关于promise的基本使用/** * Promise需要实例化对象 * 里面是一个函数， * resolve是一个代表成功的函数,如果不调用这个函数，下面的函数无法继续进行 * 下面只能打印"第一个定时器" * reject是一个代表失败的函数 */ var prom
ES6 系列之异步处理实战
全栈修炼
07-09 434
作者：冴羽 ，原文：https://github.com/mqyqingfeng/Blog/issues/101前言我们以查找指定目录下的最大文件为例，感受从回调函数 -...
详解ES6中的三种异步解决方案
08-27
主要介绍了详解ES6中的三种异步解决方案，详细的介绍了这三种方案的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解ES6中的几种解决异步的方式
明月如霜丶
12-03 3035
前置知识准备 Generator 函数 执行会返回一个迭代器(Iterator), 在迭代器上可以调用 next() 方法, 执行下一个 yield 或 return 调用 next() 方法，会返回一个对象 {value: res, done: false} , value 的值 为 yield 之后表达式的值，done 的值 表示迭代器，是否已经执行完毕（最后一个yield 或 re...
ES6 中的 三种异步解决方案
weixin_34364071的博客
06-25 409
部分案例来自阮一峰的ES6教程前置知识准备Generator函数执行会返回一个迭代器(Iterator),在迭代器上可以调用 next()方法,执行下一个 yield 或return调用 next()方法，会返回一个对象 {value: res, done: false}, value的值为 yield之后表达式的值，done的值 表示迭代器，是否已经执行完毕（最...
使用ES6新特性async await进行异步处理
热门推荐
三哥玩前端
07-12 7万+
我们往往在项目中会遇到这样的业务需求，就是首先先进行一个ajax请求，然后再进行下一个ajax请求，而下一个请求需要使用上一个请求得到的数据，请求好了还好说，如果多了，就要一层一层的嵌套，就好像有点callback的写法了，那是相当恶心的，下面我就来讲一下如何使用ES6的新特性async await进行异步处理，使上述情况就好像写同步代码一样，首先我们先举个例子： 先写上json文件: cod...
ES6中解决异步操作的几种方式
每天积累一点点
03-22 1292
promise对象 作用： 解决异步回调嵌套问题(回调地狱)，将异步的流程用同步的形式表达出来 思想： 给promise设置的三种状态： pending, resolved, rejected 通过异步任务的执行结果动态的去修改promise的状态 promise状态的改变可以去then方法中的成功或者失败的回调 可以通过resolve，reject调用的时候将数据传递给成功或者失败的回调 ...
ES6异步处理解决方案
zhangjing1019的博客
05-08 532
ES6的异步处理模型分为俩个阶段三种状态。 两个阶段：未决unsettled, 已决settled。 三个状态：pending挂起状态 , resolved成功， rejected失败 通常把从未决推向已决的resolved状态的过程叫做resolve,从未决推向已决的rejected状态的过程,叫做reject 任务已决状态后可能需要后续处理，若任务成功了(resolved),有后续处理,如果任务失败了(rejected),仍然有后续处理,把针对resolved的后续...
ES6异步
shuzipai的博客
12-28 581
我没法用比较标准的说法给你解释，我尽可能按我理解的说开始我一直很不理解什么叫“用同步的思想解决异步的问题”这句话，很抽象，一直不理解我有一个项目的代码在服务端运行需要同步调用接口，在客户端运行需要异步调用接口（其实都同步也可以，但是客户端为了提升体验）JS函数式编程嘛~我写了一个函数（如下，我手写，肯定不能运行）async get(async) { if (!async) { retu
ES6中的异步
weixin_34019929的博客
12-27 1622
  在ES6中，主要涉及到的异步有Promise对象，Generator函数和async函数。我主要会从各个的定义、特点以及涉及到的一些方法、原理等进行梳理。 Promise对象 定义：Promise是一个对象，里面保存着未来可能发生的事件。值得注意的是，定义Promise对象里的函数会立即执行。 let promise = new Promise(function(resolve, rejec...
ES6中声明异步函数关键字为
最新发布
05-31
ES6 中声明异步函数的关键字为 `async`。 通过在函数声明前面加上 `async` 关键字，可以将该函数声明为异步函数。异步函数内部可以使用 `await` 关键字来等待一个 Promise 对象的执行结果，使得异步函数的执行流程...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值