首页 前端知识 typescript async await 和 Promise简单用法示例

typescript async await 和 Promise简单用法示例

2024-09-21 21:09:06 前端知识 前端哥 153 709 我要收藏

加上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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18447.html
标签
评论
发布的文章

javascript jQuery

2024-09-21 22:09:33

【若依】表格固定列宽

2024-09-21 22:09:30

Knockout-jQueryUI 使用指南

2024-09-21 22:09:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!