typescript async await 和 Promise简单用法示例

加上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,javascript,前端)