ES6的Promise

Posted chujunqiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6的Promise相关的知识,希望对你有一定的参考价值。

技术图片

传统的异步嵌套,会产生回调地域,最终使得代码块混乱

ES6的Promise

技术图片

new Promise() 传入一个Fn()参数

函数有两个参数 resolve,reject 函数内部放置需要进行异步操作的代码

成功时执行resolve ,失败执行reject ,然后通过 .then 函数获取异步操作后的结果数据

而.catch函数用来获取错误信息。

技术图片

上述代码用来解决回调地狱

技术图片

Promise的all方法可以获取两个异步操作的结果放进一个数组中,然后通过.then来处理最后返回的数组  (这与axios.all方法相似)

以上是关于ES6的Promise的主要内容,如果未能解决你的问题,请参考以下文章

ES6中的Promise

ES6的Promise详解

ES6 中Promise 使用

Web | ES6的异步编程

ES6异步操作Promise

ES6 - Promise 对象