![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e6935107dd4b60aacb821e4565dc491e.png)
1.async和await使用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8e04c31ad475528db35aeecc40a05c3c.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script type="module">
const p = new Promise((resolve, reject) => {
resolve("成功的数据");
});
async function fn(){
try{
let result=await p;
console.log(result);
}catch(e){
console.log(e);
}
}
fn()
</script>
</body>
</html>
2.async和await结合读取文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cdcae9a42ce49f88d2e9926a8df9a357.png)
const fs=require('fs')
function SH(){
return new Promise((resolve,reject)=>{
fs.readFile("./resources/上海.md",(err,data)=>{
if(err) reject(err)
resolve(data)
})
})
}
function SZ(){
return new Promise((resolve,reject)=>{
fs.readFile("./resources/深圳.md",(err,data)=>{
if(err) reject(err)
resolve(data)
})
})
}
function XG(){
return new Promise((resolve,reject)=>{
fs.readFile("./resources/香港.md",(err,data)=>{
if(err) reject(err)
resolve(data)
})
})
}
async function test(){
try{
const result1=await SH()
const result2=await SZ()
const result3=await XG()
console.log(result1.toString());
console.log(result2.toString());
console.log(result3.toString());
}catch(e){
console.log(e);
}
}
test()
3.async和await结合发送Ajax请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script type="module">
function sendAjax(url){
return new Promise((resolve,reject)=>{
const xhr=new XMLHttpRequest()
xhr.open('GET',url)
xhr.send()
xhr.onreadystatechange=function(){
if(xhr.readyState){
if(xhr.status>=200&&xhr.status<300){
resolve(xhr.response)
}else{
reject(xhr.status)
}
}
}
})
}
async function test(){
let result= await sendAjax("https://api.apiopen.top/getJoke")
console.log(result);
}
test()
</script>
</body>
</html>