ES6 Promise与Async的使用

用了es6这么久,一直没用过async,只在书上看过,也没实践过,总是忘。

现在记录一下笔记,其实Async应该是es7的内容。


 从Promise开始,Js异步编程的关键就是Promise了。

直接上代码,该编译环境是 Node v8+ ,如果低于可能需要babel来转译。

下面定义了两个函数,由于Promise一旦被创建立即执行,因此,用函数来控制,Promise有两种状态,一种 Resolve,一种是Reject,即成功与失败。Promise接受一个参数类型为:function。

下图很明显:(resolve,reject)=>{}这个就是我们传给Promise的参数,其中resolve与reject是回调函数,由js引擎提供,黑盒操作。我们可以在Promise的函数内部,调用这两个回调函数,注意:调用其一,Promise状态立刻改变,不可回退、比如,我们经常会使用ajax请求,当success时候,我们就调用Reslove函数告诉Promise改变状态为成功,如果ajax调用失败,我们可以调用reject告诉Promise状态改为失败,如下所见,这两个回调接受参数,我们可以通过一系列的异步任务,依次调用,处于后面的异步可以接受上层的返回数据。

    当然,我们也快可以返回新的Promise,实现连续异步的调用。,如p1与p2的返回。

一旦我们调用resolve函数,Promise就停止工作。我们可以使用then函数来获取接下来的工作,比如接收返回值

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值