promise的API

你的名字 2023-03-02 07:36 19阅读 0赞

new Promise 传执行器函数，执行器函数接收resolve,reject

*  all所有成功才成功，有一个失败就失败
 *  race以第一个执行完的为最终结果

new Promise((resolve,reject) => { 
            setTimeout(()=>{ 
                //这只能执行一个，要么输出 成功的数据 要么输出 失败的数据 因为promise对象只能改变一次
                // resolve("成功的数据")
                reject("失败的数据")
            },1000)
        }).then(
            value=>{ 
                console.log("onResolved()1",value)
            }
        ).catch(
            reason=>{ 
                console.log("onReject()1",reason)
            }
        )
    
    
        //产生一个成功值为1的promise
        const p1=new Promise((resolve,reject)=>{ 
            setTimeout(()=>{ 
                resolve(1);
            },1000);
            
        })
        const p2=Promise.resolve(2);
        const p3=Promise.reject(3);
        // p1.then(value=>{console.log(value)})
        // p2.then(value=>{console.log(value)})
        // p3.then(reason=>{console.log(reason)})
    
        const pAll=Promise.all([p1,p2])
        pAll.then(
            values=>{ 
                console.log("all onResolved()",values)
            },
            reason=>{ 
                console.log("all onRejected()",reason)
            }
        )
    
        //race以第一个执行完的为最终结果
        const pRace=Promise.race([p1,p2,p3])
        pRace.then(
            values=>{ 
                console.log("race onResolved()",values)
            },
            reason=>{ 
                console.log("race onRejected()",reason)
            }
        )

all：  
![在这里插入图片描述][20200728100937130.png]  
race：  
![在这里插入图片描述][20200728104527429.png]

[20200728100937130.png]: /images/20230208/03030a5671e842e48a95ae47004913c3.png
[20200728104527429.png]: /images/20230208/2691828ea78640359e50dde5b0841306.png