Javascript——async、await详解_js await和async

一、async、await是什么？

async用于申明一个function是异步的；
而await则可以认为是 async await的简写形式，是等待一个异步方法执行完成的。

**async函数**
通过在函数声明前加上async关键字，可以将任何函数转换为返回Promise的异步函数。这意味着你可以使用.then()和.catch()来处理它们的结果。
1
2
3
4
5

创建一个async函数

async function asyncFunction() {
  return "异步操作完成";
}

asyncFunction().then(value => console.log(value)); // 输出：异步操作完成

1
2
3
4
5
6

await关键字只能在async函数内部使用。它可以暂停async函数的执行，等待Promise的解决（resolve），然后以Promise的值继续执行函数。
在async函数中使用await

async function asyncFunction() {
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("完成"), 1000)
  });

  let result = await promise; // 等待，直到promise解决 (resolve)
  console.log(result); // "完成"
}
asyncFunction();
1
2
3
4
5
6
7
8
9

二、async/await的特点

1、Async作为关键字放在函数前面，普通函数变成了异步函数
2、异步函数async函数调用，跟普通函数调用方式一样。在一个函数前面加上async，变成 async函数，异步函数，return:1，打印返回值，
3、返回的是promise成功的对象，
4、Async函数配合await关键字使用
1
2
3
4

错误处理
在async/await中，错误处理可以通过传统的try…catch语句实现，这使得异步代码的错误处理更加直观。

代码示例：使用try...catch处理错误

async function asyncFunction() {
  try {
    let response = await fetch('http://example.com');
    let data = await response.json();
    // 处理数据
  } catch (error) {
    console.log('捕获到错误：', error);
  }
}

asyncFunction();

1
2
3
4
5
6
7
8
9
10
11
12
13
14

举个