快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

es6异步请求有哪些状态

这篇文章主要介绍了es6异步请求有哪些状态的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6异步请求有哪些状态文章都会有所收获,下面我们一起来看看吧。

创新互联主营定日网站建设的网络公司,主营网站建设方案,App定制开发,定日h5小程序定制开发搭建,定日网站营销推广欢迎定日等地区企业咨询

es6异步请求三个状态:1、pending(等待状态),不会触发then和catch;2、fulfill(满足状态),当主动回调了resolve时,就处于该状态,并且会回调then();3、reject(拒绝状态),会触发后续的catch回调函数。

Promise 是异步编程的一种解决方案:

1、主要用于异步计算

2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果

3、可以在对象之间传递和操作 promise,帮助我们处理队列

promise 有三个状态:

1、pending[待定]初始状态

2、fulfilled[实现]操作成功

3、rejected[被否决]操作失败

当 promise 状态发生改变,就会触发 then()里的响应函数处理后续步骤; 。

Promise 对象的状态改变,只有两promise 状态一经改变,不会再变种可能: 从 pending 变为 fulfilled

从 pending 变为 rejected。

这两种情况只要发生,状态就凝固了,不会再变了。

es6异步请求有哪些状态

then和catch改变状态的详细情形

看下面一张图

es6异步请求有哪些状态

打印的是resolve状态,触发resolve转态的回调

es6异步请求有哪些状态

看下面一张

es6异步请求有哪些状态

报错则返回promise状态的promise,触发catch的回调,只要有报错,如果后面有
.then都不会执行了只会执行.catch

es6异步请求有哪些状态

再看下面

es6异步请求有哪些状态

没有抛出错误promise对象 ,还是resolve状态

es6异步请求有哪些状态

最后看下面一张

es6异步请求有哪些状态

只要抛出错误的promise对象 就是在reject状态

es6异步请求有哪些状态

用题目加强一下对promise转态变化的理解

输出下面1,2,3的顺序

es6异步请求有哪些状态

题目一:按顺序打印出 1 3 ,不会打印2因为catch不会被执行(.then的promise是resolve状态 不会执行catch

题目二:返回 1 2 3, 因为在打印1的时候抛出了错误对象返回的是reject状态下的promise,进入到reject状态,但是.catch又是resolve状态下的promise,所以又会执行.then,最终 又返回的是一个resolve状态下面的promise

Promise的all方法

Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。

Promise.all(iterator)Promise.all([
    new Promise((resolve,reject)=>{
      setTimeout(()=>{
        resolve('result1')
      },2000)
    }),

    new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve('result2')
          },1000)
    })]).then(results =>{
    results[0]
    results[1]
    console.log(results)})

关于“es6异步请求有哪些状态”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“es6异步请求有哪些状态”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


网站标题:es6异步请求有哪些状态
文章出自:http://6mz.cn/article/jpgdpp.html

其他资讯