function firstFun(num) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(num)
}, 200)
})
}
function plusFun(num) {
return new Promise((resolve, reject) => {
if (typeof num == 'number') {
resolve(num + 520)
} else {
reject('参数有问题')
}
})
}
function judgeNumber(num) {
return new Promise((resolve, reject) => {
resolve(num)
})
}
Promise.all([firstFun(200), plusFun(200)]).then(result => {
console.log(result, '返回的数组')
})
Promise.race([firstFun(201), plusFun(201)]).then(none => {
console.log(none, '谁加载快返回谁')
})
firstFun(200).then(res => {
return plusFun(res)
}).then(res2 => {
return judgeNumber(res2)
}).then(res3 => {
console.log(res3, '.then回调地狱')
})
async function allFun(num) {
try {
const fir = await firstFun(num);
const plus = await plusFun(fir);
judgeNumber(plus)
} catch (e) {
console.log(e, '')
}
}
Promise的基础用法和await async的使用
最新推荐文章于 2024-04-27 10:10:21 发布
文章展示了如何在JavaScript中使用Promise和async/await进行异步操作,包括Promise.all()、Promise.race()以及链式调用。通过示例,解释了如何处理异步操作的结果和错误。
摘要由CSDN通过智能技术生成