zoukankan      html  css  js  c++  java
  • promise async await 结合 demo2

    // 模拟 post 异步接口 begain
    let post1 = ()=> {
        return new Promise((resolve, reject) => {
            setTimeout(()=>{
                reject('reject 2000')
            } , 2000)
        })
    }
    let post2 = ()=> {
        return new Promise((resolve, reject) => {
            setTimeout(()=>{
                resolve('success 1000')
            } , 1000)
        })
    }
    let post3 =  ()=> {
        return new Promise((resolve, reject) => {
            setTimeout(()=>{
                resolve('success 3000')
            } , 3000)
        })
    }
    let post4 =  ()=> {
        return new Promise((resolve, reject) => {
            setTimeout(()=>{
                reject('reject 4000')
            } , 4000)
        })
    }
    // 模拟 post 异步接口 end
    

      2、


    // 模拟 post 异步接口 try catch 方式 end
    const getByApi5 = ()=> {
    return new Promise(async (resolve, reject)=>{
    try {
    const data = await post1()
    console.log('getP5 try 2s')
    resolve(data)
    }catch(e){
    console.log('getP5 catch 2s')
    reject(e)
    }
    })
    }
    const getByApi6 = ()=> {
    return new Promise(async (resolve, reject)=>{
    try {
    const data = await post2()
    console.log('getP6 try 1s')
    resolve(data)
    }catch(e){
    console.log('getP6 catch 1s')
    reject(e)
    }
    })
    }
    const getByApi7 = ()=> {
    return new Promise(async (resolve, reject)=>{
    try {
    const data = await post3()
    console.log('getP7 try 3s')
    resolve(data)
    }catch(e){
    console.log('getP7 catch 3s')
    reject(e)
    }
    })
    }
    const getByApi8 = ()=> {
    return new Promise(async (resolve, reject)=>{
    try {
    const data = await post4()
    console.log('getP8 try 4s')
    resolve(data)
    }catch(e){
    console.log('getP8 catch 4s')
    reject(e)
    }
    })
    }

      3、

    Promise.all([getByApi5(), getByApi6(), getByApi7(), getByApi8()]).then((result) => {
        console.log('result')
        console.log(result)
    }).catch((error) => {
        console.log('error')
        console.log(error)
    })
    

      4、区别在于, 2s 后, 走catch( error, 返回 reject 2000),  不会走 then

    getP6 try 1s
    getP5 catch 2s
    error
    reject 2000
    getP7 try 3s
    getP8 catch 4s
    

      

  • 相关阅读:
    也谈谈关于WEB的感想
    spring boot,https,双向ssl认证
    Spring Cloud Gateway(二)
    Spring Cloud Gateway(一)
    .Net Web Service 自定义返回值命名
    随便记一下,C#并行环境操作Winform的代码段
    随便记一下,解决Windows Server 2012无法远程登录的方法
    记录C#控件DataGridView绑定BindingList无法排序问题(转)
    记录SQL Server 2019链接Oracle 11g R2的过程
    Json CPP 中文支持与入门示例
  • 原文地址:https://www.cnblogs.com/daji/p/10008709.html
Copyright © 2011-2022 走看看