Promise语法

Promise用于标识一个异步操作的最终完成(或失败)及其结果值。

语法:

        const p = new Promise( (resolve, reject) => {

                执行异步任务,并传递结果

                成功:resolve(值) 触发 then() 执行

                失败:reject(值) 触发 catch() 执行

        })

        p.then( result => {} ), catch( error => {})

Promise状态:

        1、待定(pending):初始状态,既没被兑现,也没被拒绝

        2、已兑现(fulfilled):操作成功完成,then()、resolve()执行完成

        3、已拒绝(rejected):操作失败,catch()、reject()执行完成

Promise对象一旦被兑现/拒绝,状态无法再被改变,存在状态凝固特性,修改一次后不会再修改。

同步代码:逐步执行,需原地等待结果够,才继续向下执行;

异步代码:调用后耗时,不阻塞代码继续执行,在将来完成后触发一个回调函数。

js中的异步代码:setTimeout,setInterval,事件,ajax等

回调地狱

        在回调函数中嵌套回调函数,一直嵌套下去就形成了回调地狱。

回调地狱可读性差,异常无法补货,耦合性差,牵一发而动全身。 

Promise链式调用

        依靠then,在then的回调函数,返回一个promise对象,就可以在then后面继续.then了。 

const p = new Promise( (resolve,reject) => {
    resolve('成功1')
})
p.then(res => {
    console.log(res)
    return new Promise(resolve,reject) => {
        resolve(res + '成功2')
    }).then(res => {
        console.log(res)
    })
    
})
// 成功1;成功1 成功2

async和await语法:

        为了解决回调地狱问题;在async函数内,使用await关键字,获取Promise对象“成功状态”结果值。

        await必须用在async修饰的函数内(await会阻止“异步函数内”代码继续执行,原地等待结果)。

        async和await捕获错误要结合try...catch... 

Promise.all方法:合并多个 Promise 对象,等待所有同时成功完成(或某一个失败),做后续逻辑。

Promise.all语法:

const p = Promise.all([Promise对象1,Promise对象2...])
p.then(result => {
    // result结果:[Promise对象成功结果,Promise对象成功结果...]
}).catch(error => {
    // 第一个失败的Promise对象,抛出的异常
})

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值