typescript async await 和 Promise简单用法示例

8,843次阅读
没有评论

共计 844 个字符,预计需要花费 3 分钟才能阅读完成。

加上 async 关键字的函数将会变成异步函数,但是会在外面加上一个 Promise 壳子

await 会等待异步函数执行完毕,写法上更像常规同步执行,但是有异步执行有出错可能,所以要放在 try  catch 里

await 必须和 async 配合使用,await 必须放在 async 函数内

Promise 函数里有 resolve 和 reject 两个函数指针参数,作用就是我们认为正确时会走 resolve 方法,如果出错或我们认为不合理会走 reject 函数,resolve 会走外面 try 部分,catch err 时会解法 reject 方法,具体示例如下,我们做一个掷骰子的程序,大于 3 被认为是大,如果玩家猜了大就表示赢了,反正猜错了就输了

function 摇色子(猜测){return new Promise((resolve, reject)=>{let sino = Math.floor(Math.random() * 6 +1)
        if(sino> 3){ // 出的结果是大
            if(猜测 === '大'){ // 玩家猜得是大,赢了
                resolve(sino)
            }else{reject(sino) // 玩家猜错了,走 reject
            }
        }else{if(猜测 === '大'){reject(sino)
            }else{resolve(sino)
            }
        }
       /* setTimeout(()=>{resolve(sino) //0.3 秒后执行
        },300)*/
    })
}
async function test(){
    try{
        // 把 await 及获取它的值的操作放在 try 里
        let n =await 摇色子('大') // 返回值是 resolve 里的参数 sino
        console.log('赢了' + n)
    }catch(error){
      // 失败的操作放在 catch 里
        console.log('输了' + error) //error 是 reject 里的参数 sino
    }
}
test()

结果可能是 你赢了 5  //resolve

也有可能 输了 2  // 走 reject

原文地址: typescript async await 和 Promise 简单用法示例

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-28发表,共计844字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)