共计 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 简单用法示例
正文完