<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>async函数</title>
</head>
<body>
<script>
// new Promise((resolve)=>{
// setTimeout(()=>{
// console.log(1)
// resolve()
// },1000)
// }).then(()=>{ //上面异步函数执行结束之后调用.then
// return new Promise((resolve)=>{
// setTimeout(()=>{
// console.log(2)
// resolve()
// },2000);
// })
// }).then(()=>{ //上面异步函数执行结束之后调用.then
// return new Promise((resolve)=>{
// setTimeout(()=>{
// console.log(3)
// resolve()
// },2000);
// })
// }).then(()=>{ //上面异步函数执行结束之后调用.then
// return new Promise((resolve)=>{
// setTimeout(()=>{
// console.log(4)
// },2000);
// })
// })
// async :这是一个异步函数
// 目的 对异步的回调地狱的一个终极处理方法
// 把异步的处理机制,写成接近同步的处理机制,以增加代码的可读性,降低版本迭代的难度
async function fn(){
try{ //Promise 对象都写在里面 固定语法
let awa1 = await new Promise((resolve)=>{
setTimeout(()=>{
resolve();
console.log(1)
},1000)
}) //成功了 用.then接着调用
let awa2 = await new Promise((resolve)=>{
setTimeout(()=>{
resolve();
console.log(2)
},1000)
})
let awa3 = await new Promise((resolve)=>{
setTimeout(()=>{
resolve();
console.log(3)
},1000)
})
}catch(err){ //如果那个地方出错统一报错
console.log(err)
}
}
fn();
</script>
</body>
</html>
async函数
最新推荐文章于 2024-06-27 10:14:43 发布