前端开发、JavaScript、asyncawait、异步编程、异常处理，学习JavaScript异步编程
需积分: 15 152 浏览量
2023-04-06
15:11:07
上传
评论
收藏 104KB PDF 举报
async/await是JavaScript中的异步编程方式，它们可以帮助我们更好地处理异步操作，让代码更加简洁
易懂。下面是async/await的基本用法：
1,async函数
async函数是一种返回Promise对象的函数，可以使用 await 关键字来等待Promise对象的执行结果。例
如：
在这个例子中，我们定义了一个 getData 函数，返回一个 Promise 对象，使用 await 关键字来等待
fetch 方法返回的Promise对象，确保获取到了正确的数据后再返回。
2,await关键字
await 是async函数中的一个关键字，在异步编程中被广泛使用。当 await 关键字接收到一个Promise
对象时，它会等待该Promise对象的结果，然后返回该结果。例如：
在这个例子中，我们使用 await 关键字等待 fetch 方法返回的Promise对象结果，并将结果赋值给变量
response 。然后，我们再次使用 await 关键字等待 response.json() 方法返回的新的Promise对象结
果，并将结果赋值给 data 变量。最后，我们返回了 data 变量。
3,异常处理
由于 await 关键字等待Promise对象的结果，并且可能出现无法处理的异常。因此，在编写异步代码
时，应该使用 try-catch 语句来处理异常情况。例如：
在这个例子中，我们在 try 块中编写异步操作，并使用 await 关键字等待Promise对象的结果。如果出
现异常， catch 块将捕获异常并执行相应的操作。在这个例子中，我们使用 console.log 来记录错误日
志，并返回空数据。
async function getData() {
return await fetch('http://example.com/data.json');
}
1
2
3
async function getData() {
const response = await fetch('http://example.com/data.json');
const data = await response.json();
return data;
}
1
2
3
4
5
async function getData() {
try {
const response = await fetch('http://example.com/data.json');
const data = await response.json();
return data;
} catch(error) {
console.log(error);
return null;
}
}
1
2
3
4
5
6
7
8
9
10
资源评论
