async await 和try catch
时间: 2024-08-17 22:02:20 浏览: 48
使用async await 封装 axios的方法
`async/await`和`try/catch`都是JavaScript中处理异步编程的方式,但它们的作用和使用场景有所不同。
**async/await** 是ES7引入的一种语法糖,主要用于简化回调地狱(Callback Hell)的问题,使得异步代码看起来更像同步代码。`async`关键字表示函数是异步的,返回的是一个Promise。而在`await`关键字后面的表达式如果是一个Promise,会在当前位置暂停函数执行,直到Promise解析完成(成功或失败)。这种方式让错误处理变得更清晰,例如:
```javascript
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
if (!response.ok) throw new Error('Failed to load data');
return response.json();
} catch (error) {
console.error(error);
}
}
```
在这里,`await`保证了错误能够被捕获并统一处理。
**try/catch** 则用于常规的异常处理,当代码块内发生错误时,会跳到相应的`catch`块去执行。它是同步操作中的错误处理机制:
```javascript
function getData() {
try {
const result = someFunctionThatMayThrowAnError();
} catch (error) {
console.error('Caught an error:', error);
}
}
```
在上述例子中,如果`someFunctionThatMayThrowAnError()`抛出错误,程序会立即停止当前线程并在`catch`里处理。
**相关问题--:**
1. 异步代码为什么要用`async/await`而非直接的`try/catch`?
2. `async`函数内部如何正确地抛出错误?
3. `await`和`.then`的区别是什么?
阅读全文